/**
*** Style for watermark text
**/
.inputWatermark
{
	color:darkgray;
}

label.blockprompt
{
	display:block;
	font-weight:bold;
}

.prompt
{
	font-weight:bold;
	text-align:right;
	padding:5px;
}

.instructions
{
  width:100%;
  margin-bottom: 15px;  
}
    
/*
** Style used to apply spacing for horizontally listed items
** (for RadioButtonList, CheckBoxList, etc type controls)
*/
span.clsHorizontalList label
{
	margin-right:10px;
}

/*
** Used to display a "no matches found" message (strong warning)
*/
.nomatchesbold
{
	font-weight:bold;
	color:Red;
	display:block;
}

/*
** Used to display a "no matches found" message in red (medium warning)
**/
.nomatchesitalicred
{
	display:block;
	font-style:italic;
	color:red;
}

/*
** Used to display a "no matches found" message (weak warning)
**/
.nomatchesitalic
{
	display:block;
	font-style:italic;
}

/*
** Display inline object as a block.
*/
.block
{
	display:block;
}

/**
PERFORMANCE PLANNING LITE MAIN PAGE STYLES
**/

.plitecomments
{
	display:block;
	padding-left:25px;
	padding-right:25px;
}
.pliteratingnot
{
	font-style:italic;
	color:red;
}
.pliterating
{
	color:green;
}

div.plitetable
{
	display:table;
	width:95%;
}

div.plitetable hr
{
	margin-top:10px;
	margin-bottom:10px;
}

div.plitegoalrow
{
	display:table-row;
	width:100%;
	white-space:normal;
}

span.plitenumcell
{
	display:table-cell;
	float:left;
	width:25px;
	white-space:nowrap;
	font-weight:bold;
}

span.plitegoalcell
{
	display:table-cell;
	width:80%;
	float:left;
	white-space:normal;
}

span.pliteweightcell
{
	display:table-cell;
	float:right;
	white-space:nowrap;
	font-weight:bold;
	width:15%;
	vertical-align:top;
}
span.plitecmds
{
	display:block;
	margin-top:10px;
}
span.plitecmds a
{
	margin-right:10px;
}

/*
** Used by the buttons at the bottom of a text area.
**/
a.clsBottomTab
{
	background-color: #d4d0c8;
	border-bottom: 1px #000000 solid;
	border-right: 1px #000000 solid;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 5px;
	color: black;
	font-size: 9pt;
    text-decoration: none
}
a.clsBottomTab:active
{
    color: black;
    text-decoration: none
}
a.clsBottomTab:visited
{
    color: black;
    text-decoration: none
}
a.clsBottomTab:hover
{
    color: black;
    text-decoration: underline
}

/*
** Used by the collapsable box control.
**/
div.clsCollapsableBox
{
	background-color: #ffffff;
	white-space:normal;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-bottom: 4px #aaaaaa solid;
	border-right: 4px #aaaaaa solid;
	padding: 6px;
}
a.clsCollapsableBox
{
	color: black;
    text-decoration: underline
}
a.clsCollapsableBox:active
{
    color: black;
    text-decoration: underline
}
a.clsCollapsableBox:visited
{
    color: black;
    text-decoration: underline
}
a.clsCollapsableBox:hover
{
    color: black;
    text-decoration: underline
}
/*
** Default style used for standard ASPX Links Section
**/
.clsLinksSectionCaption
{
	font-size: 9pt;
	font-weight:bold;
	BORDER-RIGHT:#999999 1px solid;
	BORDER-TOP:#999999 1px solid;
	MARGIN-LEFT:24px;
	VERTICAL-ALIGN:middle;
	BORDER-LEFT:#eeeeee 1px solid;
	LINE-HEIGHT:24px;
	POSITION:absolute;
	HEIGHT:24px;
	BACKGROUND-COLOR:#eeeeee;
	TEXT-ALIGN:center;
}
/*
** Default style used for an individual link within ASPX Links Section
*/
.clsLinksSectionLink
{
	display:block;
	padding-left: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-indent: -16px;
}
/*
** Default style used to defined the body frame around the ASPX Links Section
*/
.clsLinksSectionBody
{
	padding-top: 10px;
	BORDER-RIGHT:#999999 1px solid;
	BORDER-LEFT:#999999 1px solid;
	BORDER-BOTTOM:#999999 1px solid;
	background-color:#ffffff;
}
/*
** Default style used to define the content of the body frame within the
** ASPX Links Section
*/
.clsLinksSectionContent
{
	padding-left: 10px;
	padding-right: 10px;
	background-color:#ffffff;
}
/*
** Default style used to define the content of the body frame within the
** ASPX Links Section
*/
.clsLinksSectionExpandCollapse
{
	margin-top: 5px;
	margin-bottom: 5px;
	background-color:#ffffff;
}
/*
** Default style for the Legacy ASP code for the links section
** DO NOT USE FOR ASPX CODE (see above)
*/
.clsLinksSectionHeading
{
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
}
/*
** Default style for the Legacy ASP code for the links section items
** DO NOT USE FOR ASPX CODE (see above)
*/
.clsLinksSectionItem
{
    PADDING-LEFT: 16px;
    TEXT-INDENT: -16px;
    PADDING-BOTTOM: 6px;
}

/*
** Style used for PLite MyReports page for the caption of each section
*/
.pliteMyReportsSection
{
	font-size:12px;
	font-weight:bold;
}
/*
** Default style for page section help links that are displayed within
** the caption of the section.
**/
.clsToolTipLabel
{
	FONT-SIZE:8pt;
	CURSOR:help;
	BORDER-BOTTOM:green 1px dashed;
	TEXT-DECORATION:none;
}
/*
** Default style for data labels used to bring up the simple editor to edit that data.
**/
.clsDataLabel
{
	CURSOR:hand;
	TEXT-DECORATION:underline;
}
/*
** Default style when you want to show an icon to the left of some text.
**/
.clsIcon
{
	position:absolute;
	width:16px;
}
/*
** Default style when you want to show some text to the right of an icon.
**/
.clsIconDetails
{
	padding-left:16px;
}

.clsTaskDueText
{
	margin-left:7px;
}

.clsTxtTaskDue
{
    width:34px;
}

.txtIntoTableCell
{
	width:100%;
}

.perfReviewWorkfRows
{
   background-color: #efefef;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
a img {
    padding-right: 5px;
	
}