#frame    {
	margin-top: 10px;
	padding: 0px;
}

#contentLeft    {
	width: 16%;
	padding: 0px;
	float: left;
}

#contentCenter    {
	width: 62%;
	padding: 0px;
	left: 15%;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 3px;
	padding-right: 3px;
	border-right: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	overflow: hidden;
	float: left;
	display: inline;
}

#contentCenterRight    {
	width: 81%;
	padding: 0px;
	left: 15%;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid lightgrey;
	overflow: hidden;
	float: left;
	clear: right;
}

#contentCenterNoBorder    {
	width: 81%;
	padding: 0px;
	left: 15%;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	float: left;
}

#contentRight    {
	position: absolute;
	left: 79%;
	width: 21%;
	top: 160px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
}

#contentFooter    {
	width: 100%;
	padding: 0px;
	left: 15%;
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-left-width: 0px;
	overflow: hidden;
	clear: both;
	float: left;
}

#contentheader h1    {
	font-size: 14px;
	padding: 10px;
	margin: 0px;
}

#contentright p    {
	font-size: 10px;
}

#widgetsFrame    {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	clear: both;
}

#widgetsLeft    {
	width: 58%;
	padding: 0px;
	float: left;
}

#widgetsRight    {
	width: 38%;
	padding: 0px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	float: right;
}

BODY    {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	background-color: #ffffff;
	FONT-FAMILY: "Arial","Helvetica";
	TEXT-DECORATION: none;
	margin: 0px;
}

img    {
	border-color: black;
}

a:link    {
	color: #000000;
}

a:visited    {
	color: #000000;
}

a:hover    {
	color: #000000;
}

TABLE, TEXTAREA, SELECT, INPUT    {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	FONT-FAMILY: "Arial","Helvetica";
	TEXT-DECORATION: none;
}

INPUT.button    {
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	BORDER-TOP: #336699 1px solid;
	BORDER-BOTTOM: #666666 1px solid;
	
	BORDER-LEFT: #336699 1px solid;
	BORDER-RIGHT: #666666 1px solid;
	CURSOR: default;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #003366;
	background-image: url("https://powerskills.theikos.com/pssPlaybook/images/buttonBg.gif");
	background-repeat: repeat-x;
	border-radius: .45em;
}

.processLinkActive {
	background-image: url("https://powerskills.theikos.com/pssPlaybook/images/linkBg.gif");
	TEXT-DECORATION: none;
	height: 26px;
	width: 76px;
	position: relative;
	float:left;
	display: inline;
}
.processLinkInActive {
	background-image: url("https://powerskills.theikos.com/pssPlaybook/images/linkBgInactive.gif");
	TEXT-DECORATION: none;
	height: 26px;
	width: 76px;
	position:relative;
	float:left;
	display: inline;
}

A.processLinkActive DIV.processLink {
	color:white;
	position:relative;
	left:16px;
	top:5px;
}
A.processLinkInActive DIV.processLink {
	color:GhostWhite ;
	position:relative;
	left:16px;
	top:5px;
}

div.collapsed    {
	display: none;
}

div.expanded    {
	display: block;
}

.widgetDiv    {
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.widgetItem    {
	margin-top: 4px;
	margin-left: 4px;
	font-style: normal;
}

.widget    {
	margin-top: 10px;
	margin-bottom: 10px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.filterActive    {
	background-color: #FFFFCC;
}

.filterInActive    {
	background-color: #FFFFFF;
}

.width200    {
	max-width: 200px;
	width: 200px;
}

.width160    {
	max-width: 160px;
	width: 160px;
}

.width120    {
	max-width: 120px;
	width: 120px;
}

.width20    {
	width: 20px;
}

TD    {
	COLOR: #000000;
	FONT-SIZE: 9pt;
	text-decoration: none;
}

.pagePrint    {
	display: none;
}

.embedNav    {
	display: none;
}

.odd    {
	background: #EEEEEE;
	padding-top: 3px;
	padding-bottom: 3px;
}

.even    {
	background: #dddddd;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sysExample {
	background: #FFD9D9;
	padding-top: 3px;
	padding-bottom: 3px;	
}

.headline    {
	background: #cccccc;
}

.previewSection {
	background: #F1F1F1;	
}

TABLE.titleTable  {
	border-top: 1px solid black;
	border-spacing: 0px;
	border-collapse: collapse;
	/* border:  activeborder; */
	width: 100%;
}

TABLE.titleTable TR {
	height: 24px;
}

.titleLine    {
	background-color: #efefef;
	background-image: url("https://powerskills.theikos.com/pssPlaybook/images/titleBg.gif");
	background-position: bottom;
	background-repeat: repeat-x;
}

.titleLineBorder    {
	background-color: #efefef;
	background-image: url("https://powerskills.theikos.com/pssPlaybook/images/titleLineBorder.gif");
	background-position: bottom;
	background-repeat: repeat-x;
	font-weight: bold;
	height:24px;
	vertical-align: middle;
}

.noItemsFound {
	background-color: #efefef;
	background-image: url("https://powerskills.theikos.com/pssPlaybook/images/titleBg.gif");
	background-position: bottom;
	background-repeat: repeat-x;
	height: 20px;
	line-height: 20px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
}

TABLE.sectionView {
	border-spacing: 1px;
	width: 100%;
}

TABLE.sectionList {
	border-spacing: 0px;
	border-collapse: collapse;
	border:  activeborder;
	width: 100%;
}

TABLE.sectionList TD {
	margin-left: 2px;
	padding: 4px 4px 4px 4px;
}

.bodyBold    {
	FONT-WEIGHT: bold;
}

A.bodyBold:link    {
	FONT-WEIGHT: bold;
}

.bodyNormal    {
	FONT-WEIGHT: normal;
}

.bodySmall    {
	FONT-SIZE: 8pt;
}

A.bodySmall:link, A.bodySmall:hover, A.bodySmall:visited, A.bodySmall:active    {
	COLOR: #000000;
	TEXT-DECORATION: underline;
}

.greyedLink    {
	COLOR: #666666;
}

.bodySuperSmall    {
	FONT-SIZE: 7pt;
}

A.bodySuperSmall:link    {
}

.greyBold    {
	FONT-WEIGHT: bold;
	COLOR: #666666;
}

.bodyWhite    {
	COLOR: #ffffff;
}

A.bodyWhite:link, A.bodyWhite:hover    {
	COLOR: #ffffff;
}

.bodySmallWhite bodyBold    {
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
}

A.bodySmallWhite bodyBold:link    {
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
}

.bodyBoldYellow    {
	FONT-WEIGHT: bold;
	COLOR: #ffcc33;
}

A.bodyBoldYellow:link    {
	FONT-WEIGHT: bold;
	COLOR: #ffcc33;
}

.bodySmallWhite    {
	FONT-SIZE: 8pt;
	COLOR: #ffffff;
}

A.bodySmallWhite:link    {
	FONT-SIZE: 8pt;
	COLOR: #ffffff;
}

.bodySmallGrey    {
	FONT-SIZE: 8pt;
	COLOR: #666666;
}

A.bodySmallGrey:link    {
	FONT-SIZE: 8pt;
	COLOR: #666666;
}

.pageTitle    {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
}

.moduleTitle    {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
	TEXT-DECORATION: none;
}

.subTitle    {
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	TEXT-DECORATION: none;
}

.columnHeadInactiveWhite    {
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
}

.columnHeadActiveWhite    {
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
	TEXT-DECORATION: underline;
}

A.columnHeadActiveWhite:link, A.columnHeadActiveWhite:hover, A.columnHeadActiveWhite:visited, A.columnHeadInactiveWhite:link, A.columnHeadInactiveWhite:hover, A.columnHeadInactiveWhite:visited    {
	COLOR: #ffffff;
}

.columnHeadInactiveBlack    {
	FONT-WEIGHT: bold;
}

.columnHeadActiveBlack    {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}

A.columnHeadActiveBlack:link    {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}

A.columnHeadActiveBlack:hover    {
	COLOR: #000000;
}

.section    {
	clear: both;
	margin-top: 18px;
	margin-bottom: 7px;
}

.sectionBottomBorder    {
	border-bottom: 2px solid #336699;
	margin-bottom: 5px;
}

.sectionTitleBorder    {
	border-bottom: 1px solid dimgrey;
}

.sectionHeadBorder    {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.sectionTopBorder    {
	border-top: 1px solid black;
	padding-bottom: 5px;
}

.sectionLeftBorder    {
	border-left: 1px solid gray;
	border-left-width: 1px;
}

.sectionTitle    {
	FONT-WEIGHT: bold;
	text-align: left;
	top: 7px;
	height: 19px;
}

.sectionTitleRight    {
	text-align: right;
	top: 7px;
	height: 19px;
}

.sectionButtons    {
	position: relative;
	top: -22px;
	width: 100%;
	text-align: center;
	clear: right;
	margin-bottom: -18px;
}

/* used in section headers */
.sectTitle    {
	FONT-WEIGHT: bold;
	text-align: left;
	height: 19px;
	line-height: 19px;
	z-index: -1;
	position: static;
	float:left;
}

* html .sectTitle {
	position: inherit;
	float:none;
	left: inherit;
}

.sectButtons    {
	width: 81%;	/* matches contentCenterRight */
	text-align: center;
	position: absolute;	
}

* html .sectButtons {
	width: 100%;
}

.twistieDiv    {
	margin-top: 15px;
}

.twistieImg    {
	width: 23px;
	clear: left;
	float: left;/* margin-top:5px; */
}

.twistieTitle    {
	FONT-WEIGHT: bold;
	text-align: left;
	width: 29%;
	float: left;
	height: 24px;
}

.twistieTitle IMG    {
	vertical-align: top;
}

.twistieRule    {
	width: 66%;
	text-align: center;
	float: right;
	overflow: hidden;
}

* html div.twistieRule    {
	width: auto;
}

.twistieButtons    {
	text-align: center;
	float: left;
	width: 38%;
	overflow: hidden;
	vertical-align: top;
}

.sectRight    {
	/*
	text-align: right;
	float: right;
	width: 29%;
	clear: right;
	*/
}

.sectDiv    {
	clear: both;
}
* html .sectDiv    {/* ie only */
	clear: none;
	width: 100%;
	float: left;
	overflow: hidden;
}

.spacer    {
	clear: both;
	height: 10px;
}
* html .spacer    {
	clear: both;
	height: auto;
	display:none;
}

.buttonGroup    {
	margin-top: 5px;
	margin-bottom: 5px;
}

.actionLink    {
	FONT-WEIGHT: bold;
}

A.actionLink:link    {
	FONT-WEIGHT: bold;
}

.dataLabelRequired    {
		LINE-HEIGHT: 16px;
		BACKGROUND-COLOR: #dddddd;
		TEXT-ALIGN: right;
		min-height: 20px;
		color: black;
		border-right: 3px solid #990000;
		padding-right: 5px;
	}
	
.requiredLegend {
		height: 18px;
		width: 3px;
		min-width: 3px;
		float:left;
		border: 0px solid black;
		background-color: #990000;
	}
	
.requiredAsterisk    {
		width: 3px;
		height: 18px;
		BACKGROUND-COLOR: #990000;
		margin-left: 2px;
		color: #990000;
		display: none;
	}

/* -- old salesforce style
.requiredLegend {
	height: 18px;
	width: 18px;
	min-width: 18px;
	float:left;
	border: 1px solid black;
	background-color: #990000;
	margin-bottom: 2px;
}

.dataLabelRequired    {/* official: modifier to dataLabel * /
	COLOR: white;
	LINE-HEIGHT: 16px;
	BACKGROUND-COLOR: #990000;
	TEXT-ALIGN: right;
}

.requiredAsterisk    {/* official: modifier to dataLabel * /
	color: #990000;
}
-- */
	
.dataLabel    {/* official: convert dataLabelViewHead to this */
	LINE-HEIGHT: 16px;
	BACKGROUND-COLOR: #dddddd;
	TEXT-ALIGN: right;
	min-height: 20px;
	padding-right: 7px;
}

.dataView    {/* official: convert dataLabelViewValue to this */
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 16px;
	BACKGROUND-COLOR: #eeeeee;
	TEXT-ALIGN: left;
	min-height: 20px;
}

.dataEdit    {/* official: convert dataLabelViewValue to this for edit forms */
	LINE-HEIGHT: 16px;
	BACKGROUND-COLOR: #eeeeee;
	TEXT-ALIGN: left;
	min-height: 20px;
}

.mergeConflict    {
	COLOR: #b22222;
}

.privateContact    {
	font-style: italic;
}

.errorMsg    {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #990000;
	border:1px solid red;
	margin-top:5px;
	padding: 10px;
}

.errorMsg:link    {
	COLOR: #990000;
}

.systemErrorMsg    {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
	COLOR: #990000;
	border-color: #990000;
}

.calTitle    {
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
	TEXT-ALIGN: center;
}

.calDays    {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #ffffff;
	TEXT-ALIGN: center;
}

.calActive    {
	FONT-SIZE: 8pt;
	TEXT-DECORATION: underline;
}

.calInactive    {
	FONT-SIZE: 8pt;
	COLOR: #999999;
	TEXT-DECORATION: underline;
}

.calToday    {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
}

.hideProgress    {
	visibility: hidden;
}

.showProgress    {
	visibility: visible;
}

span.quickTabLink ul {
      display: none;
      position: absolute;
      background-color: #e6e6e6;
      color: black;
      list-style: none;
      margin: 20px 0px 0 -80px;
      padding: 0;
      text-align: left;
      border: 1px solid lightgrey;
    }
  
* html span.quickTabLink ul {  /* ie only */
	position: absolute;
	margin: 13px 60px 0 -80px;
}

span.quickTabLink ul li {
  display: block;
  padding: 0.2em;
}
    
span.quickTabLink:hover ul {
  display: block;
  margin: 0;
  padding: 0;
}

span.quickTabLink ul li a:link, span.quickTabLink ul li a:hover, span.quickTabLink ul li a:visited, span.quickTabLink ul li a:active    {
	TEXT-DECORATION: none;
}

span.quickTabLink ul li a:hover {
	background-color: #ccf;
}

.optionTitleLine {
	background-color:gray;
	color:white;
}