/*#region page layout and scaffolding */
html
{
	background-color: #d6e7fc;
}
html.contentOnly
{
    background-color: white;
}
body
{
	color: black;
	line-height: 1.6em;
}
input, select, textarea {
    
    border: 1px solid #cccccc; 

}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bbb;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #bbb;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #bbb;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #bbb;
}
#origamiabstract .hideIfAbstract
{
    display: none;
}

#doc3
{
	margin: auto;
	min-width: 600px;
}

#hd
{
    position: relative;
}

#bigLogo
{
	position: absolute;
	top: 0px;
	left: 0px;

	width: 262px;
	height: 57px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url('/content/images/logo-box.gif');
}
#loginLogo
{
	position: absolute;
	width: 260px;
	height: 61px;

	top: 50px;
	left: 50%;
	margin-left: -130px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url('/content/images/logo.gif');
}
#ajax_processing
{
	display: none;
	vertical-align: bottom;
}
#reportFrame
{
	border: none;
	width: 100%;
}
#sessionControls
{
	font-family: Verdana, arial, Sans-Serif;
	color: #b1daeb;
	font-size: 90%;
	position: absolute;
	top: 34px;
	right: 0px;
	min-width: 660px;
	height: 23px;
	text-align: right;
	padding-right: 10px;
	padding-top: 1px;

	background-color: Transparent;
	background-image: none;
	background-position: right top;
	background-repeat: no-repeat;
}
#sessionControls a
{
	text-decoration: none;
	color: #f6a81f;
}
#sessionControls a:hover
{
	text-decoration: underline;
}
#rightShadow
{
	padding-right: 7px;
}

#bottomShadow
{
	margin-left: 7px;
	height: 7px;
	background-color: transparent;
}

#dialog
{
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -340px;
	width: 680px;
}

#page
{
	background-color: white;
	border-top: none;
	border-bottom: solid 2px #0066b7;
	position: relative;
	min-width: 450px;

	text-align: left;

	color: #404040;
}

html.contentOnly #page
{
    border-bottom: none;
}

#page .titleArea 
{
    font-size: 138.5%;
    font-weight: bold;
    padding-bottom: 0.3em;
    padding: 0.5em;
    border-bottom: solid 1px #DFDFDF;
    position: relative;
    background-color: #0066b7;
    color: white;
    border-bottom: solid 1px #DFDFDF;
    z-index: 5000 !important;
}

#page .titleArea div.title 
{
    display: inline-block;        
}

#page .titleArea .asoftitle
{
    font-weight: normal;
    opacity: 0.6;
}


#page .titleArea .breadcrumbs
{
	font-size: 65%;
	font-weight: normal;
	color: #999999;
}

#page .titleArea .breadcrumbs a
{
	text-decoration: none;
	font-weight: bold;
}

#page .titleArea .breadcrumbs a:hover
{
	text-decoration: underline;
}

#content
{
	padding: 1em;
}

#content div.gridScrollX
{
	width: 100%;
	overflow: auto;	
}

#ui-datepicker-div 
{ 
    display: none;
    z-index: 8000 !important;
}

/* this one has a version in ie.css which deals with the vertical scroll bar */
#content div.gridScrollXOnly
{
	width: 100%;
	overflow: auto;	
}
/*#endregion */

/*#region standard typography */
a
{
	color: #e3691c;
	text-decoration: none;
}
a.inlineAnchor
{
    cursor: pointer;
}
a.large
{
    font-size: 110%;
    font-weight: bold;
}
a:hover
{
	text-decoration: underline;
}
strong
{
	font-weight: bold;
}
em
{
	font-style: italic;
}
/*#endregion */

/*#region special manipulation classes */
.nowrap
{
	white-space: nowrap;
}
.clear
{
	clear: both;
}
.faded
{
	color: #777777;
}
.inherited
{
	color: #777777;
}
.spaceAbove
{
	margin-top: 5px;
}
.spaceBelow
{
	margin-bottom: 5px;
}
.largeSpaceAbove
{
	margin-top: 15px;
}
.largeSpaceBelow
{
	margin-bottom: 15px;
}
.largeIndentLeft
{
	margin-left: 15px;
}
.emphasize
{
	font-weight: bold;
}
.convertedcurrency
{
    color: #4F8CCF;
}
.clickable
{
	cursor: pointer;
}
.clickableunderline {
    cursor: pointer;
    text-decoration: underline;
}
.inlineIcon
{
	vertical-align: text-top;
}
.code:not(table)
{
    font-family: monospace;
}
span.actionbar-icon
{
    padding: 0px 3px 0px 3px;
}
span.star
{
	padding-left: .2em;
	font-weight: bold;
	color: Red;
}
span.red, td.red, tr.red, i.red
{
    color: Red;
}
span.blue, td.blue
{
    color: Blue;
}
span.green, td.green
{
    color: Green;
}
span.center, div.center
{
	text-align: center;
}
ul.indented li
{
	margin-left: 15px;
}
span.field, label
{
	color: #555555;
}
span.selected
{
	background-color: #beebff;
	border: solid 1px #99defd;
	padding: 0px 2px 0px 2px;
}
/*#endregion */

/*#region tables and grids */
th a, .showhide
{
	color: Black;
	text-decoration: none;
}
td
{
	vertical-align: top;
}
td img
{
	margin-top: 2px;
}
table th.fill, table td.fill
{
	width: 100%;
}
tr.highlight, td.highlight
{
	background-color: #EFEFFF;
}
span.overriden
{
    color: Blue;
}
td.leftborder
{
    border-left: solid 1px #999;
}

td.rightborder
{
    border-right: solid 1px #999;
}

tr.editRow, td.editRow
{
	background-color: #EFEFFF;
}

#content table.dataGrid
{
	width: 100%;
	margin-bottom: .5em;
	border-collapse: collapse;
}

#content table.dataGrid.multiselect tr.selected 
{
    font-weight: bold;
}

#content table.dataGrid th
{
	text-align: left;
	font-weight: bold;
	padding-left: 0.2em;
	padding-right: 0.2em;
	
	background-color: #6facef;
	color: White;
	border-bottom: none;	
}

#content table.dataGrid th.right-border
{
    border-right: solid 1px #EEE;
}

#content table.dataGrid th input, #content table.dataGrid td input
{
	vertical-align: text-bottom;
}

#content table.dataGrid tbody tr:not(.nohighlight):hover
{
    background-color:#f3f3fa;
}

#content table.dataGrid tbody tr.groupitem
{
	border-bottom: hidden;
	padding-bottom:10px;
	background-color: #f3f3fa;
	color: black;
	font-weight: bolder;
}

#content table.dataGrid tbody tr.groupitem.error
{
	background-color: #FFBABA;
	color: #D8000C;
}

#content table.dataGrid tbody tr.groupitem.error:hover
{
	background-color: #FFBABA;
}

#content table.dataGrid tbody tr.groupitem.warning
{
	background-color: #FFE020;
	color: #D8600C;
}

#content table.dataGrid tbody tr.groupitem.warning:hover
{
	background-color: #FFE020;
}

#content table.dataGrid tbody tr.groupitem:hover
{
	background-color: #f3f3fa;
}

#content tr.groupchildren
{
	border-bottom: hidden;
	background-color: #f3f3fa;
	padding-bottom: 0px;
}

#content tr.groupchildren td.groupchildren
{
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 1px;	
}

#content tr.groupchildren td.groupchildren:hover
{
	background-color: #f3f3fa;
}

#content tr.groupchildren td.groupchildren.error
{
	background-color: #FFBABA;
}

#content tr.groupchildren td.groupchildren.error:hover
{
	background-color: #FFBABA;
}

#content tr.groupchildren td.groupchildren.warning
{
	background-color: #FFE020;
	color: #D8600C;
}

#content tr.groupchildren td.groupchildren.warning:hover
{
	background-color: #FFE020;
}

#content tr.groupchildren table.dataGrid
{
	background-color: white;
}


#content table.dataGrid tbody tr.aggregaterow
{
    border-top: solid 2px #999;
    font-weight: bold;
    color: #6facef;
}

#content #headerGrid table.dataGrid {
    background-color: #efefef;
}

#content #headerGrid table.dataGrid th {
    background-color: #efefef;
    color: #999;
    font-size: 85%;
}

#content #headerGrid table.dataGrid td {
    font-weight: bold;
	border-top: none;
    border-bottom: none;
}

#content table.dataGrid td.editable div.edit
{
	float: right;
	visibility: hidden;
}

#content table.dataGrid td.editable:hover div.edit
{
	visibility: visible;
}
#content table.dataGrid td.editable:hover
{
	background-color: #E2E2E2;
}


#content table.inputGrid
{
	width: 100%;
}

#content table.inputGrid th
{
	font-weight: bold;
	padding: 2px 4px 2px 4px;
}

#content table.inputGrid td
{
	padding: 2px 4px 2px 4px;
}

th img.sortArrow
{
	padding-left: 3px;
}

#content table.dataGrid th a
{
	color: White;
}

#content table.dataGrid  tr td
{
	padding-left: 0.2em;
	padding-right: 0.4em;
}

#content table.dataGrid tr:not(.noborder) td
{
	border-top: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

#content table.dataGrid tr:not(.noborder):last-child td
{
	padding-bottom: 5px;
}


#content tr.noBottomBorder, #content tr.noBottomBorder td
{
	border-bottom: none;
}

#content table.dataGrid tr.first td
{
	border-top: solid 2px #444444;
}

#content table.dataGrid tr.reportSecondRow
{
	border-bottom: solid 1px #dcdcdc;
	vertical-align: bottom;
}

#content table.dataGrid td.money, #content table.dataGrid th.money, #content table.dataGrid td.right, #content table.dataGrid th.right
{
	text-align: right;
}

#content table.dataGrid tfoot tr
{
	border-top: solid 2px #666666;
	border-bottom: none;
}

#content table.dataGrid tfoot td
{
	font-weight: bold;
}

#content table .groupingRow
{
	color: #999999;
	font-weight: bold;
	padding-top: 5px;
}

div.collapseMarker
{
    display: none;
}

div.multiselectlookup
{
    margin-bottom: 5px;
}

div.multiselectlookuplist
{
    border: solid 1px #dcdcdc;
    display: inline-block;
    overflow-y: scroll;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;

    margin-bottom: 0px;
}

div.multiselectlookuplist.medium
{
	width: 15em;
}
div.multiselectlookuplist.large
{
	height: 5em;
	width: 25em;
}
div.multiselectlookuplist.xlarge
{
	height: 100px;
	width: 35em;
}
div.multiselectlookuplist.xxlarge
{
	height: 140px;
	width: 50em;
}
div.multiselectlookuplist.xxxlarge
{
    width: 65em;
    height: 250px;
}

div.multiselectlookuplist.xwide
{
	height: 5em;
	width: 35em;
}
div.multiselectlookuplist.xxwide
{
	height: 5em;
	width: 50em;
}
div.multiselectlookuplist.xxxwide
{
    width: 65em;
    height: 5em;
}


div.multiselectlookuplist div.listitem
{
    white-space: nowrap;
    display: inline-block;
    
    margin-right: 5px;
    margin-bottom: 2px;

    padding-left: 2px;
    padding-right: 2px;

    background-color: #d6e7fc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.multiselectlookuplist div.listitem img.deletelistitem
{
    margin-left: 3px;
}

div.multiselectlookup div.adder
{
    margin-top: 0px;
}

/*#endregion */

/*#region special panels*/
div.loading-message
{
    color: #999;
    text-align: center;
    padding: .5em;
    margin-bottom: .5em;
}

div.loading-error, div.error-panel
{
    color: #D8000C;
    background-color: #FFBABA;
    text-align: center;
    padding: .5em;
    margin-bottom: .5em;
}

div.error-panel
{
    text-align: left;
}

div.placeholder
{
	width: 100%;
	font-weight: bold;
	border: dashed 1px #BBBBBB;
	color: #999999;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 35px;
}

div.actionPanel
{
	background-color: #DFF2BF;
	border: 1px solid #4F8A10;
	padding: 10px 10px 10px 10px;
	margin-bottom: 2em;
}
/*#endregion*/

/*#region form typography */

.form-content.instruction-box
{
    display: inline-block;
	border: none;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	margin: 0px 0px 8px 0px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

	color: #666;
	background-color: #efefef;
	padding: 10px 10px 15px 32px;

	background-position: 10px 10px;
	background-image: url('/Content/images/notification_icon_small.png');
}

.form-content.instruction
{
    padding-left: 20px;
    color: #999;
    
	background-position: 0px 0px;
	background-image: url('/Content/images/notification_icon_small.png');
	background-repeat: no-repeat;
}

/*#endregion*/

/*#region input controls, buttons and forms*/
input, select, textarea
{
	color: Black;
}
textarea
{
	padding-left: 1px;
}
input:focus, select:focus, textarea:focus, button:focus
{
	outline: solid 1px orange;
}

input.input-validation-error:focus, select.input-validation-error:focus, textarea.input-validation-error:focus, button.input-validation-error:focus {
    outline: solid 2px red;
}

html.ie10 input:not([type='checkbox']), 
html.ie10 select, 
html.ie10 textarea
{
    color: black;
    border: solid 1px #ccc;
    border-top: solid 1px #aaa;
}

li.noDisplay {
    display:none;
}

input:disabled:not([type='checkbox']), select:disabled, textarea:disabled,
input.locked, select.locked, textarea.locked, input[readonly="readonly"], textarea[readonly="readonly"]
{
    background-color: #EFEFEF;
    color: black;
    border: solid 1px #ccc;
    border-top: solid 1px #bbb;
}
select
{
	height: 1.7em;
}
.input-validation-error
{
	background-color: #FFBABA;
}
img.pickerTrigger {
	margin: 2px;
	vertical-align: top;	
}



#secondaryContent input.medium, #secondaryContext select
{
	width: 11.2em;
}

#content select.small, #content input.small
{
	width: 6em;
}
#content select.medium, #content input.medium, #content textarea.medium
{
	width: 15em;
}
#content select.large, #content input.large, #content textarea.large, ul.large
{
	width: 25em;
}
#content select.xlarge, #content input.xlarge, #content textarea.xlarge, .modalXlarge
{
	width: 35em;
}
#content select.xxlarge, #content input.xxlarge, #content textarea.xxlarge
{
	width: 50em;
}
#content select.xxxlarge, #content input.xxxlarge, #content textarea.xxxlarge
{
	width: 65em;
}
#content textarea.medmium, #content textarea.large
{
	height: 5em;
}
#content textarea.xlarge
{
	width: 35.4em;
	height: 100px;
}
#content textarea.xxlarge
{
	width: 50em;
	height: 140px;
}
#content textarea.xxxlarge
{
    width: 65em;
    height: 250px;
}
button.default
{
	font-weight: bold;
}

#content input.phoneExtension {
    width: 6em;
}

button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

button
{
	padding-top: .25em;
	padding-bottom: .25em;
	padding-left: .3em;
	padding-right: .3em;

  display: inline-block;
  margin-bottom: 0;
  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;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: background-color 0.5s ease;
}

button
{
	background-color: #efefef;
	border: 1px solid #ccc;
	color: #333;
}

button:hover,
button:active
{
	background-color: #fff;
}


button.fixed_wide
{
	min-width: 85px;
}
button img
{
	margin-right: 3px;
}
button.rightIcon img
{
	margin-right: 0px;
}
button.big
{
	font-size: 110%;
	font-weight: bold;
}
/*#endregion*/

/*#region header menu*/
#menu
{
	color: White;
	height: 61px;

	background-image: url('/content/images/header-black.gif');
	background-repeat: repeat-x;
	background-position: left top;	
}
#menu ul
{
	list-style: none;
	position: absolute;
	top: 5px;
	right: 0px;
}
#menu li
{
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left: solid 1px #545454;	
}
#menu li img
{
	vertical-align:  top;
	padding-right: 4px;
}
#menu li.first
{
	border-left: none;
}
#menu li
{
	font-family: inherit;
	font-size: 100%;
	font-weight: bold;
}
#menu li a, #menu li
{
	color: #ccc;
	text-decoration: none;
	transition: color 0.5s ease;
}
#menu li a:hover
{
	color: #f6a81f;
	text-decoration: underline;
}

ul.menu
{
    max-width: 75%;
}

button.menu {
    cursor: pointer;
}
/*#endregion */

/*#region popup menu and toolbar*/
div.popupMenu {
	text-align: left;
    display: none;
    z-index: 9000;
    position: absolute;

    color: #444;
    background-color: #EFEFEF;
    padding: 1em;
    padding-right: 1.5em;
    border: 1px solid #999999;

	border-top: solid 2px #0066b7;
	border-bottom: solid 2px #0066b7;
	white-space: nowrap;
}

div.popupMenu table 
{
	width: auto;
}

div.popupMenu.active {
    z-index: 9000;
}

div.popupMenu h3 {
    font-size: 108%;
    font-weight: bold;
    color: #444;
    margin: 0;
}

div.popupMenu h4 {
    font-size: 100%;
    font-weight: normal;
    line-height: 1.5;
    color: #999;
    margin: 0 0 0.5em 0;
    white-space: nowrap;
}

div.popupMenu hr {
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}

div.popupMenu ul {
    padding-left: 1.5em;
    margin-bottom: 4px;
}

ul.toolbar
{
	position: relative;
	list-style: none;
}

ul.toolbar li
{
	display: inline;
	list-style: none;
	padding-left: 0.3em;
}
/*#endregion*/

/*#region messages, notifications and validations */
#message, div.message
{
	border: none;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	margin: 0px 0px 8px 0px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#message.notification, div.message.notification
{
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/Content/images/notification_icon.png');
}
div.message.announcement
{
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/Content/images/notification.png');
}
#message.success, div.message.success
{
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('/Content/images/success_icon.png');
}
#message.error, div.message.warning 
{
	color: #D8600C;
	background-color: #FFE020;
	background-image: url('/Content/images/warning_icon.png');
}
#message.error, div.message.error 
{
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/Content/images/error_icon.png');
}

#message.instruction, div.message.instruction,
#message.information, div.message.information
{
	color: #666;
	background-color: #efefef;
	padding: 10px 10px 15px 32px;

	background-position: 10px 10px;
	background-image: url('/Content/images/notification_icon_small.png');
}


span.errorText
{
    color: #D8000C;
}
ul.validationSummary li
{
    padding-left: .5em;
}

ul.validationSummary span.fieldName
{
    font-weight: bold;
}

div.small-message
{
	border: 1px solid;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 2px;
}

div.small-message.notification
{
	color: #00529B;
	background-color: #BDE5F8;
}

#content ul.validation-summary-errors
{
	list-style-position: inside;
}

#content span.field-validation-error
{
	color: #D8000C;
	margin-left: .5em;
}
/*#endregion */

/*#region scrollable grid */
table.scrollableGrid
{
    width: 100%;
	table-layout: fixed;
	height: 100%;
}

.scrollableGrid table
{
	width: 100%;
	border-collapse: collapse;
}
.scrollableGrid table td, .scrollableGrid table th
{
	vertical-align: top;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	white-space: nowrap;
}
.scrollableGrid table th a
{
	color: White;
	text-decoration: underline;
}
.scrollableGrid .headerColumn table div, .scrollableGrid .body table div
{
	height: 1.7em;
}

.scrollableGrid .body td, .scrollableGrid .headerColumn th, .scrollableGrid td.corner, .scrollableGrid td.headerRow
{
	border-bottom: solid 1px #dcdcdc;
}

.scrollableGrid table th, .scrollableGrid td.corner
{
	background-color: #6facef;
	color: #ffffff;
	font-weight: bold;
}
.scrollableGrid th.money, .scrollableGrid td.money, .scrollableGrid th.right, .scrollableGrid td.right
{
	text-align: right;
}
.scrollableGrid td.locked
{
	background-color: #EFEFEF;
}
.scrollableGrid td.calculation
{
	background-color: #eff5fe;
}
#worksheet div.headerRow table, #worksheet div.body table
{
	width: auto;
	table-layout: fixed;
}
.scrollableGrid div.body table
{
	border-right: solid 1px #dcdcdc;
}

.scrollableGrid td.headerRow
{
	background-color: #6facef;
	padding-right: 17px;
}

.scrollableGrid td.headerColumn, .scrollableGrid div.headerColumn
{
	overflow: hidden;
}
.scrollableGrid td.headerColumn, .scrollableGrid div.headerColumn table
{
    padding-bottom: 15px;
}
.scrollableGrid div.body
{
	position: relative;
	width: 100%;
	overflow: scroll;
}
.scrollableGrid div.headerColumn, .scrollableGrid div.body
{
	height: 100%;
}
/*#endregion */

/*#region values worksheet */
#worksheet div.headerRow
{
	width: 100%;
	overflow: hidden;
}
#worksheet div.headerRow table th, #worksheet div.body table td
{
	width: 8em;
}
/*#endregion */

/* contents */
#content .pager
{
	font-weight: bold;
}

#content .pager a
{
	font-weight: normal;
}

#content .pager .pageSizeOptions
{
	float: right;
	color: #999;
	font-weight: normal;
}

#content .pager .pageSizeOptions img
{
	vertical-align: text-bottom;
	padding-left: 8px;
}

#content .pager.keepVisible
{
	z-index: 5000 !important;
}

#content .pager.keepVisible.moving
{
    position: fixed;
    background-color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: solid 2px #0066b7;
}

div.expandCollapse 
{
	clear: both;
	text-align: center;
}

#toolBar
{
	position: absolute;
	top: 0px;
	right: 0px;
	white-space: nowrap;
	color: White;
	z-index: 5000 !important;

	padding-top: .4em;
	padding-bottom: .4em;
	padding-right: .5em;
	padding-left: .2em;

    -webkit-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;

    -webkit-border-radius-bottomright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

#content div.auditPanel
{
	font-size: 93%;
	position: relative;
	top: -10px;
	text-align: right;
	color: #999;
}

#content h1, #content h2, #content h3, #content h4
{
	font-weight: bold;
	color: #666666;
}

#content h2, #content h3
{
	border-top: solid 1px #6facef;
	color: #666666;
	font-size: 123.1%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-bottom: 0.3em;
	margin-top: 0.3em;
}


#content h4
{
	font-size: 123.1%;
	margin-bottom: 0.3em;
	clear: both;
}

#content ul.properties
{
	margin-left: 0px;
	padding-left: 0px; 
	list-style: none;
}

#content ul.properties > li
{
	clear: both;
	padding: 0.1em 0pt 0.1em 0pt;
}

#content ul.properties li.total label
{
    border-bottom: 0pt;
    border-left: 0pt;
    border-right: 0pt;
    margin-top: 0.5em;
    padding-top: 0.5em;
}

#content ul.properties li.total input
{
    border-top: solid 1px #999999;
    background-color: #ffffff;
    border-bottom: 0pt;
    border-left: 0pt;
    border-right: 0pt;
    margin-top: 0.5em;
    padding-top: 0.5em;
}

#content ul.properties li.prewrap
{
	white-space: pre-wrap;
}

#content ul.properties span.field, #content ul.properties label
{
	vertical-align: top;
	color: #888888;
	width: 10em;
	padding-left: 0.5em;
	display: inline-block;
	clear: left;
	float: left;
}
#content ul.properties label.indent
{
	padding-left: 1.5em;
	width: 9em;
}
#content ul.properties .checkbox
{
	padding-left: 0.5em;
}


#content .panel div.value,
#content .panel span.value
{
	display: block;
	padding-left: 10.5em;
}

#content ul.properties li.bold span.value
{
    font-weight: bold;
}

#content .panelcontainer, #content .widgetcontainer
{
	page-break-inside: avoid;	
}

#content .panel ul.properties.wideLabels .value
{
	padding-left: 15.5em;
}

#content .panel ul.properties.extraWideLabels .value {
    padding-left: 20.5em;
}

#content .section .multiselectlist, #content .section .multiselectcheckboxlist
{
    display: inline-block;
}

span.required, label.required
{
	font-weight: bold;
}

label.required:after, span.required:after
{
    color: red;
    content: ' *';
    display: inline;
}

#content .section
{
	margin-bottom: 1em;
}

#content .panel.lined
{
	border-top: solid 1px #6FACEF;
	padding-top: 0.2em;
}

#content .panel
{
	position: relative;
	margin-bottom: 1.5em;
}

#content .panel.last
{
	margin-bottom: 0px
}

#content .panel .links
{
	position: absolute;
	right: 0px;
	top: 5px;
}

#content .panel .widgetlinks
{
	position: absolute;
	right: 30px;
	top: 5px;
}

#content .panel .links a
{
    margin-left: 5px;
}

#content .panel .links a img.inlineIcon
{
    margin-right: 2px;
}


#content .panel .aboveLinks
{
	position: absolute;
	right: 0px;
	top: -25px;
}

#content .panel.action
{
	padding: .3em;

	border: solid 1px #7FBA40;
	background-color: #DFF2BF;

	margin-bottom: .5em;
}

#content #searchBox
{
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: #d6e7fc;
    padding: 10px;
}

#content #searchBox h3
{
    display: none;
}

#content #searchBox span.value
{
	display: inline-block;
	padding-left: 0em;
}

#content #searchBox span.field
{
	width: 9em;
	display: block;
	float: left;
}

#secondaryContent #searchBox ul li input.string.noLabelSearchInput {
    width: 95%;
}

#content #searchBox ul.search li
{
    display: inline-block;
    padding-left: 10px;
}

#content #searchBox ul li input.date,
#content #searchBox ul li input.string,
#content #searchBox ul li input.inputLookup.medium,
#content #searchBox ul li input.inputDate
{
	width: 11.6em;
}

#content #searchBox ul li select
{
	width: 11.8em;
}



#page .titleArea a, #toolBar a
{
	color: #7fbcff;
}


#secondaryContent
{
	color: #2288d7;
}

#secondaryContent #shift
{
	position: relative;
	left: -9px;
	top: 6px;
	margin-right: -2px;
}

#secondaryContent ul li select
{
	width: 11.8em;
}

#secondaryContent ul li input.date,
#secondaryContent ul li input.searchInputDate,
#secondaryContent ul li input.string,
#secondaryContent ul li input.inputLookup.medium,
#secondaryContent ul li input.inputDate
{
	width: 11.6em;
}

#secondaryContent h3
{
	font-size: 1.2em;
	font-weight: bold;
	color: #444444;
	margin-bottom: 4px;
}

#secondaryContent h4
{
    font-weight: bold;
    margin-top: 8px;
}

#secondaryContent .panel
{
	position: relative;
	width: 100%;
	border-bottom: solid 1px #6facef;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#secondaryContent .panel .links
{
	position: absolute;
	right: 0px;
	top: 0px;
}

#secondaryContent .highlight
{
	padding: 0.2em;
	background-color: #eff5fe;
}

#secondaryContent .attention
{
	padding: 0.2em;
	background-color: #ffff99;
	color: black;
	font-weight: bold;
}

#secondaryContent .strongBlack
{
	color: #444;
	font-weight: bold;
}

#secondaryContent ul.search, #secondaryContent ul.properties
{
	margin-left: 0px;
	padding-left: 0px; 
	list-style: none;
	margin-bottom: 4px;
}

#secondaryContent div.searchbuttons
{
    clear: both;
}

#secondaryContent ul.search span.value, #secondaryContent ul.properties span.value
{
	display: inline-block;
}

#secondaryContent ul.search span.field, #secondaryContent ul.search label,
#secondaryContent ul.properties span.field, #secondaryContent ul.properties label
{
	width: 5.1em;
	display: block;
	float: left;
}

#secondaryContent ul.search li, #secondaryContent ul.properties li
{
	clear: both;
}

#secondaryContent ul.list
{
	list-style-image: url("/Content/images/bullet.gif");
	padding-left: 12px;
}

#secondaryContent ul.list a
{
	text-decoration: none;
	color: #555555;
}

#secondaryContent ul.list a:hover
{
	text-decoration: underline;
	color: #0b24ba;
}

#secondaryContent #locationTree
{
    overflow-x: auto; 
    overflow-y: hidden; 
    width: 100%; 
    padding-bottom: 19px!ie7;
}

div.note
{
	padding-bottom: 1em;
	position: relative;
}

#content div.note
{
	margin-bottom: 1em;
	border-bottom: solid 1px #dcdcdc;
}

#content div.note div.modified
{
    margin-top: 6px;
}

#content div.notebody
{
    margin-left: 190px;
    margin-right: 35px;
}

#content div.notebody div.noteparent {
    background-image: url('/Content/images/page_white_go.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 22px;
}

#content div.notebody div.subject
{
    font-weight: bold;
	color: #666666;
	font-size: 123.1%;
}

#content div.notebody div.emailtext img
{
    display: none;
}

/*Fixing lists for Rich Text Viewer*/
div.fr-view ul, div.fr-view ul li {
    list-style: disc;
    list-style-position: inside;
}

div.fr-view ol, div.fr-view ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

    div.fr-view ul ul, div.fr-view ol ul,
    div.fr-view ul ul li, div.fr-view ol ul li {
        list-style-type: circle;
        list-style-position: inside;
        margin-left: 15px;
    }

    div.fr-view ol ol, div.fr-view ul ol,
    div.fr-view ol ol li, div.fr-view ul ol li {
        list-style-type: lower-latin;
        list-style-position: inside;
        margin-left: 15px;
    }

#secondaryContent div.notesubject,
#content div.notesubject
{
    font-weight: bold;
}

div.byline
{
	margin-top: 3px;
	background-image: url("/Content/images/comments.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 22px;
	color: #0066b7;
}

div.note div.attachments
{
    margin-top: 7px;
}

div.note img.thumbnail
{
    border: solid 1px #dcdcdc;
}

#content div.byline
{
    float: left;
    width: 160px;
}

table.note tbody tr.collapsed img.collapseNote,
table.note tbody tr.collapsed div.expandedBody {
    display: none;
}

table.note tbody tr.expanded img.expandNote,
table.note tbody tr.expanded div.collapsedBody {
    display: none;
}

table.note span.entrydate,
table.note span.entrytime,
table.note span.notetype {
    color: #0066b7;
}

table.note span.user {
    color: #666;
}

#content div.byline .user
{
    color: Black;
    display: block;
}

#content div.byline .noteCategory
{
    display: block;
}

span.noteCategory
{
	color: #0066b7;
	font-weight: bold;
}

.byline .user,
table.note span.user,
table.note span.entrydate {
    font-weight: bold;
}

table.siteMap td
{
	width: 50%;
	padding: 5px;
}

table.siteMap div
{
	margin-bottom: 25px;
}

.link
{
	cursor: pointer;
}

.lookupImage, .customLookupImage
{
	margin: 2px;
	vertical-align: top;
	cursor: pointer;
}

select
{
	margin:0pt 0pt 0pt 0pt;
	padding:1px 0 0 0;
	font-size:100%;
	color:#333;
}

input
{
	font-size:100%;
	padding: 2px 0pt 2px 0pt;
}
input.whiteBorder
{
	border: solid 1px white;
	background: none;
}
input.changed
{
	background-color: #EFEFFF;
}

.NewReport 
{
	text-align:center;
}

.ReportDescription
{
	font-size:smaller;
	font-style:italic;
}
#content h5
{
	border-bottom: solid 1px #0066b7;
}

.cursor
{
	cursor: pointer;
}

.hidden, table.hidden
{
	display: none;
}

.visibilityhidden
{
    visibility: hidden;
}

.HoverHighlight
{
	background-color: #FFFCD8;
}

div.refreshDate
{
	text-align: right;
	width: 100%;
}

table.alphabetBar
{
	width: 100%;
	background-color: #9fdcff;
}

table.alphabetBar td
{
	padding: 2px 4px 2px 4px;
	width: 3.571%;
	text-align: center;
}

table.alphabetBar td.field
{
	color: #4f8cef;
	font-weight: bold;
	white-space: nowrap;
}

table.alphabetBar a
{
	color: #4f8cef;
	text-decoration: none;
}

table.alphabetBar td.disabled
{
	color: #efefef;
}

/* claims */
span.statusOpen, span.scheduleWaiting
{
	color: #00529B;
}

span.statusClosed, span.scheduleRunning
{
	color: #4F8A10;
}

span.statusReopened, span.scheduleError
{
	color: #D8000C;
}



/* tasks */

table.task th.status, td.status
{
	white-space: nowrap;
	text-align: right;
}

table.task span.light
{
	color: #999999;
}

table.task td.task span.description a, table.report span.description a, table.home span.description, table.report span.description
{
	font-weight: bold;
}

table.task tr.completed
{
	background-color: #F3F3F4;
}

table.task tr.completed span.description a
{
	font-weight: normal;
}

table.task td.task span.parent,
table.incident td span.parent
{
	margin-left: .6em;
	padding-left: 1.4em;
	background-image: url('/Content/images/page_white_go.png');
	background-repeat: no-repeat;
	background-position: left;
}

table.task td.task span.body, table.report span.body, table.home span.body
{
	margin-left: .5em;
	color: #555555;
}

table.task img.completeTask
{
	cursor: pointer;
}

/* jqm */
.jqmWindow 
{
	display: none;
	z-index: 10001;
    color: #333;
    width:90%;
    height:90%;
    position: fixed;
}

.jqmClose
{ 
	z-index: 10002;
	position:absolute;
	top: 0px;
	right: -15px;
	cursor:pointer;
}

.jqmWindow .jqmFrameBorder
{
	display: block; 
	clear: both;
	margin-top: 10px;
	border: 2px solid #555;
    width: 100%;
    height: 100%;
}

.touch .jqmFrameBorder
{
    -webkit-overflow-scrolling: touch !important;
	overflow: scroll !important;	
}

#jqmMinimizeButton, #maximizeModalButton {
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

#closeMinModalButton {
    cursor: pointer;
}

#minimizedModalWindow:not(.hidden) {
    height: auto;
    padding: 8px 8px 8px 8px;
    width: auto;
    position: fixed;
    bottom: 0;
    right: 40px;
    z-index: 1;
}

#helpHeaderHtml
{
	display: none;
	z-index: 10001;
	
	width: 100%;
	border-bottom: solid 2px black;	
	padding-bottom: 4px;
	padding-top: 4px;
	
	color: white;
	background-color: #0066b7;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	
	position: fixed;
	top: 0px;
}

body.modal-open {
    overflow: hidden;
}


#jqmContent
{ 
	width:100%; 
	height:100%; 
}


.jqmOverlay 
{ 
	background-color: #555; 
	z-index: 10000;
	cursor: wait;
    position:fixed;
}


/* tag suggestions */
SPAN.tagMatches {
    margin-left: 10px;
}

SPAN.tagMatches SPAN {
    padding: 2px;
    margin-right: 4px;
 /*   background-color: #0000AB;*/
    background-color: #0066b7;
    color: #fff;
    cursor: pointer;
}


#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

#preview img
{
	max-width : 400px;
}

#thumbpreview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

#thumbpreview img
{
	max-width : 400px;
	min-width: 100px;
}
	

/* Advanced filtering screen */
div.addFilter
{
	padding: .5em;
	background-color: #EFEFEF;
}

table.filterTable 
{
	width: 100%;
	border-top: solid 1px #dcdcdc;
	border-collapse: collapse;

	table-layout: fixed;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

table.filterTable a.removeValue 
{
	color: Black;
	text-decoration: none;
}

table.filterTable a.removeValue:hover
{
	color: #e3691c;
	text-decoration: underline;
}

div.filterGroup
{
	padding: 0px;
}

table.filterTable td div.filterGroup
{
	margin: 3px 0px 5px 5px;
}

div.filterGroup 
{
	border-left: solid 2px #dcdcdc;
}

div.filterGroup.focus 
{
	border-left: solid 2px #0066b7;
}

table.filterTable tbody tr
{
	border-bottom: solid 1px #dcdcdc;
}

table.filterTable tbody td
{
	padding: 0.2em 0.0em 0.2em 0.2em;
	vertical-align: top;
}

table.filerTable thead th
{
	padding: 0px 0px 0px 0px;
}

table.filterTable .dynamicDropdown
{
	width: 500px;
}

table.filterTable select.op
{
	width: 13em;
}


div.filterPanel
{
	background-color: #c7dcff;
	padding: .4em .4em .4em .75em;
	margin-bottom: .5em;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.filterPanel .filterIcon
{
    padding-right: .25rem;
    font-size:115%;
}

div.bulkSelectPanel
{
	background-color: #efefef;
	padding: .4em .4em .4em 2.5em;
	margin-bottom: .5em;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


div.filterPanel div.defaultView
{
    float: right;
    margin-right: 7px;
    margin-left: 7px;
}

/* deloitte score */
.deloitteScore1, .deloitteScore2, .deloitteScore3, .deloitteScore4, 
.deloitteScore5, .deloitteScore6, .deloitteScore7, .deloitteScore8,
.deloitteScore9, .deloitteScore10 {
  padding: 1px 3px 2px;
  background-color: #bfbfbf;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.deloitteScore1, .deloitteScore2, .deloitteScore3
{
    background-color: #46a546;
}

.deloitteScore4, .deloitteScore5, .deloitteScore6, .deloitteScore7
{
    background-color: #f89406;   
}

.deloitteScore8, .deloitteScore9, .deloitteScore10
{
    background-color: #c43c35;
}

/* report stuff */
#content table.groups, .addGroupField
{
	margin-bottom: .5em;
	border-collapse: collapse;	
	margin-left: 0.5em;
	width: auto;
}

#content div.editreport ul.properties label
{
	color: #555555;
	width: 12em;
	padding-left: 0.5em;
	display: inline-block;
}

#content div.editSchedule ul.properties label, #content div ul.properties.wideLabels label
{
	width: 15em;	
}

#content div.editSchedule ul.properties label, #content div ul.properties.extraWideLabels label {
    width: 20em;
}


#content div.editSchedule span.value
{
	display: block;
	padding-left: 15.5em;
}

.firstcolumn
{
	width: 12em;
}
.othercolumn
{
	padding-right: 0.5em;
}


.reportpanelheader
{
	color: #555555;
	font-weight: bold;
	font-size: 123.1%;
	margin-bottom: 0.3em;
	clear: both;
}
.reporteditsection
{
	border-top: solid 1px #0066B7;
	padding-top: 0.5em;
	color: #555555;
	font-weight: bold;
	font-size: 123.1%;
	margin-bottom: 0.3em;
	clear: both;
}
div.editfilter
{
	padding-left: 0.5em;
}
div.reportpanel
{
	background-color: #d6e7fc;
	padding: .4em .4em .4em 2.5em;
	margin-bottom: 1em;

	background-repeat: no-repeat;
	background-position: 10px center;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.benchmark
{
	background-image:url('/Content/images/benchmark.gif');
}
.accessgroup
{
	background-image:url('/Content/images/info.gif');
}
.schedule
{
	background-image:url('/Content/images/schedule.gif');
}

.reportfilter
{
	background-image:url('/Content/images/search.gif');
}

.reportgrouping
{
	background-image:url('/Content/images/group.gif');
}
.reportgraph
{
	background-image:url('/Content/images/graph.gif');
}

.reportsort
{
	background-image:url('/Content/images/down.gif');
}

.reportoptions
{
	background-image:url('/Content/images/info.gif');
}

.wizard
{
	background-image:url('/Content/images/refresh.bmp');
}

.info
{
	background-image:url('/Content/images/help.gif');
}

div.columns
{
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image:url('/Content/images/columns.gif');		
}
div.columns span.column
{
	border: 1px solid;
	border-color: #999999;
	background-color: #ECECFF;
	padding: .2em .2em .2em .2em;
	margin-bottom: .5em;
	text-align: center;
}

.filter span.fieldname, .filter span.valueText, div.reportpanel span.fieldname, div.editfilter span.fieldname
{
	color: Black;
	font-weight: bold;
}

span.reportdesc
{
	//color: #555555;
	padding-left: 18px;
}
span.tags
{
	color: #A0A0A0;
	margin-left: 0.5em;
}
a.tags
{
	font-weight: normal;	
}
a.question
{
	text-decoration: none;
	font-size: 116%;
	line-height: 153.9%;
	font-style: italic;
	padding-left: 100px;
	
}
a.template
{
	font-size: 116%;
	line-height: 167%;
	padding-left: 100px;

}
.showhide
{
	font-size: 116%;
	font-weight: bold;
	padding-left: 20px;
}
.category
{
	font-size: 116%;
	/*font-weight: bold;*/
	padding-left: 5px;
}


/* fields editing */
table.fieldsGrid
{
	table-layout: fixed;
}

table.fieldsGrid th.first
{
	width: 8em;
}

table.fieldsGrid th.fixed
{
	width: 12em;
}

table.fieldsGrid td
{
	cursor: pointer;
}

table.fieldsGrid th.mcovheader
{
	border-bottom: solid 1px #DDDDDD;
}

table.fieldsGrid th.mcovheader div
{
	text-align: center;
}

table.fieldsGrid td.mcov
{
	background-color: #F8F8F8;
}

table.fieldsGrid tr.highlight td
{
	background-color: #EFEFFF;
}

table.fieldsGrid tr.edit
{
	background-color: #EFEFFF;
}

table.fieldsGrid tr.edit td
{
	padding-top: 2px;
	padding-bottom: 2px;
}

table.fieldsGrid td img.action
{
	display: inline;
}

table.fieldsGrid span.required
{
	font-weight: normal;
}

table.fieldsGrid th.last, table.fieldsGrid td.last
{
	width: 5em;
	background-color: white;
	border: none;
}

/* codes editing */

table.editGrid tr.locked, tr.locked
{
	background-color: #EFEFEF;
}

table.editGrid #newRow
{
	background-color: #EFEFFF;
}

table.editGrid #newRow td, table.editGrid tr.edit td
{
	padding-top: 3px;
	padding-bottom: 3px;
}

table.editGrid #addNew
{
	font-weight: bold;
}

/* Editable Grid */
#content table.editableDataGrid input, table.editableDataGrid select, table.editableDataGrid textarea {
    width: auto;
}

#content table.editableDataGrid span.inputwrapper {
    width: 100%;
    display: inline-flex;
}

#content table.editableDataGrid span.inputwrapper.right {
    text-align: right;
    display: inline-block;
}

#content table.editableDataGrid span.editableGridStatusIcons {
    float: right;
}

#content table.editableDataGrid th.editableGridActionsColumn, #content table.editableDataGrid td.editableGridActionsColumn {
    width: 9em;
    padding-left: 15px;
}

#content table.editableDataGrid .editableGridActionIcon {
    padding-right: 8px;
    cursor: pointer;
    border: none;
    background: none;
    padding-top:0px;
    padding-bottom: 0px;
}

#content table.editableDataGrid .editableGridActionIcon i {
    font-size:120%;
}

#content table.editableDataGrid td {
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
}

td.actions {
    text-align: right;
}

#content table.editableDataGrid tbody tr.error:not(.editing), #content table.editableDataGrid tbody tr.error:hover:not(.editing) {
    background-color: #FFBABA;
}

#content table.editableDataGrid tbody tr.error.editing, #content table.editableDataGrid tbody tr.error.editing:hover {
    border-color: #FFBABA;
}

#content table.editableDataGrid tbody tr.editablegridnewrow, #content table.editableDataGrid tbody tr.editablegridnewrow:hover {
    background-color: #EFEFFF;
}

#content table.editableDataGrid tbody tr .editPenIcon {
    display: none;
}

#content table.editableDataGrid tbody tr.clickable:not(.error):not(.inprocess):hover .editPenIcon {
    display: inline;
}

.tooltip {
    text-align: left;
}

a.jTipAjax img, a.jTipInline img
{
    margin-left: 3px;
}

table.permissionsGrid
{
	width: 100%;
}

table.permissionsGrid td.area
{
    width: 12em;
    background-color: #dcdcdc;
	font-weight: bold;
	color: Black;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

table.permissionsGrid td
{
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

table.permissionsGrid td span
{
    width: 100em;
    padding-left: 0.5em;
    padding-right: 2em;
    
}

table.permissionsGrid td label
{
    color: Black;
}

div.popupGridContainer
{
    width: 100%;
    height: 100%;
    overflow: auto;
}



table.dataGrid td.full
{
	border-right: solid 1px #dcdcdc;
	vertical-align: middle;
	text-align: center;
}

table.dataGrid td.none
{
	border-left: solid 1px #dcdcdc;
	vertical-align: middle;
	text-align: center;
}

span.value div.tag
{
    display: inline;
    font-size: 100%;
    margin-right: 3px;
    padding-right: 2px;
    background-color: #F1F5EC;
    color: #073;
}

table.dataGrid div.tag
{
    display: inline;
    font-size: 85%;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #F1F5EC;
    color: #073;
}

/* Admin page */
div.admin ul li
{
	margin-bottom: 15px;
	margin-top: 10px;
}

/* relative date picker */
#relativeDatePicker table td.container
{
	padding-left: 10px;
}

#relativeDatePicker table td.container.first
{
	padding-left: 0px;
	padding-right: 10px;
	border-right: solid 1px #ba240b;
}


/* incidents */
div.relatedIncidents ul
{
	font-weight: bold;
	color: #555555;
}

div.relatedIncidents li
{
	font-weight: normal;
	margin-left: 0.3em;
}

table.incident span.draft
{
	color: red;
	padding-right: .5em;
	text-transform: uppercase;
}

table.incident span.claimcreated
{
	padding-right: .5em;
	margin-left: .6em;
	padding-left: 1.4em;
	background-image: url('/Content/images/page_white_go.png');
	background-repeat: no-repeat;
	background-position: left;	
}

span.gotolink
{
	padding-right: .5em;
	margin-left: .6em;
	padding-left: 1.4em;
	background-image: url('/Content/images/page_white_go.png');
	background-repeat: no-repeat;
	background-position: left;	
}

table.incident a
{
	padding-right: .5em;
}

td.formula_plus, td.formula_minus
{
    font-size: 108%;
	font-weight: bold;
}

td.formula_plus
{
	color: Blue;
}

td.formula_minus
{
	color: Red;
}

/* Data Conversion classes */
table#conversionGrid
{
	width: 100%;
}

table#conversionGrid th.summary
{
    border: 1px solid #FFFFFF;
    text-align: center;
    margin: 5px;
    background-color: #CCCCCC;
}

table#conversionGrid th.empty
{
    background-color: #ffffff;    
}

table#conversionGrid th.section
{
    border-left: 1px solid #ffffff;
}

#content div.conversionEntry ul.properties label
{
	width: 20em;
	display: inline-block;
}

table.controlTotals td.heading
{
    font-weight: bold;
}

table.controlTotals td.heading.matched
{
    /*background-color: #CCFF66; */
}

table.controlTotals td.heading.unmatched
{
    /*background-color: #FF6666; */
}

#content table.updateStatus
{
    width: auto;
    font-size: smaller;
}

table.updateStatus td 
{
    text-align: center;
    line-height: 1.0em;
}

/* dashboard edit page */
div.dashShow
{
	float: left;
	width: 60px;
}
div.dashDescription
{
	margin-left: 60px;		
}

div.dashPanelHeader
{
	background-color: #dcdcdc;
	text-align: left;
	font-weight: bold;
	color: Black;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
span.dashPanelExpand
{
	width: 15px;
	display: inline-block;	
}
span.dashPadding
{
	width: 75px;
	display: inline-block;		
}
span.dashPanelShow
{
	width: 45px;
	display: inline-block;	
	padding-left: 15px;
}
span.dashPanelName
{	
	display: inline-block;	
	padding-left: 0.2em;
	font-weight: bold;
}
span.dashPanelDescription
{	
	padding-left: 100px;
}
a.dashShowOptions
{
	padding-left: 1em;	
}
div.dashOptions
{
	padding-left: 125px;
}

/* conversion */
table.updateSteps
{
	border-collapse: separate;
	border-spacing: 4px;
}

table.updateSteps td
{
	width: 33%;
	border: solid 1px #999999;	
	padding: 15px;
}

table.updateSteps li
{
	margin-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
}

table.updateSteps div.detailStatus
{
	margin-top: 5px;
	margin-bottom: 5px;
}

table.updateSteps div.detailStatus li
{
	margin-bottom: 0px;
}

table.updateSteps li div.action
{
	margin-left: 1em;
}

table.updateSteps td.stepBox.complete
{
	background-color: #DFF2BF;
}

table.updateSteps td.stepBox.processing
{
	background-color: #DFF2BF;
}

table.updateSteps td.stepBox.inprogress
{
	background-color: #BDE5F8;
}

table.updateSteps td.stepBox.pending
{
	background-color: #dcdcdc;
}

table.updateSteps div.icon
{
	height: 140px;
	background-position: center center;
	background-repeat: no-repeat;
}

table.updateSteps td.stepBox.complete div.icon
{
	background-image: url('/content/images/success-large.png');
}

table.updateSteps td.stepBox.processing div.icon
{
	background-image: url('/content/images/processing_animated.gif');
}

table.updateSteps td.stepBox.inprogress div.icon
{
	background-image: url('/content/images/notification-large.png');
}


table.updateSteps td.stepBox div.stepName
{
	font-weight: bold;
	font-size: 138.5%;
	color: #555555;
	margin-bottom: 10px;
}

table.updateSteps td.stepBox.inprogress div.stepName
{
	color: Black;
}

table.settingsTable td.name
{
	font-weight: bold;
	font-size: 110%;
	padding-right: 15px;
	color: #0066b7;
}

table.settingsTable tr td
{
	border-bottom: solid 1px #dcdcdc;
	padding-bottom: 10px;
	padding-top: 10px
}

table.settingsTableSubTable.dataGrid tr td {
    padding-bottom: 0px;
    padding-top: 0px;
}

#content ul.codeExceptionList
{
    /*    
	margin-left: 30px;
*/
    padding-left: 0px;
    list-style: none;
    border-top: 2px;
    border-bottom: 1px;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-bottom-style: solid;
    border-bottom-color: #C0C0C0;
    padding: 0.1em 0em 0.2em 2em;
}

#content ul.codeExceptionList label
{
	width: 20em;
	display: inline-block;
}

#content ul.codeExceptionList li
{
    /*
	margin-left: 30px;
*/
    clear: both;
    padding: 0.1em 0em 0.1em 2em;
}

#content li.distribution
{
	list-style-image: url("/Content/images/bullet.gif");
	list-style-type: circle;
	padding-left: 2px;
}

#content ul.properties label.big, #content div.editSchedule ul.properties label.big
{	
	width: 20em;	
}
#content ul.properties label.huge
{	
	width: 50em;	
}

#content table.dataGrid th.bench
{
	text-align: right;	
}

#content table.dataGrid td.bench
{
	text-align: right;	
	padding-right:0.2em;
}

#content .benchgroup
{
	display: block;
	padding-left: 5em;
}
#content table.benchdata
{
	width: 50%;	
}
#content table.benchdataentry
{
	width: 33%;	
}

#content .panel .benchlinks
{
	position: absolute;
	right: 50%;
	top: 5px;
}

#content ul.properties li.bench span.field
{
	vertical-align: top;
	color: #000000;
	float: none;
	width: auto; 
	padding-left: 0px;
}

.wizvalue
{
	vertical-align: top;
}

#content ul.adhoc
{
	white-space: nowrap;
}

div.printed-check {
    border-bottom: 1px solid #666666;
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
}

span.overridewarning
{
    background-color: #FF7070;
    color: white;

    padding: 2px 6px 2px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.printed-check .checkamount, div.Check_ViewForm .checkamount
{
    font-weight: bold;
    font-size: 108%;
}

div.printed-check h4, div.Check_ViewForm h4
{
	color: #0066b7;
}

#content div.checkpaymentwrapper .panel, #content div.checkpaymentwrapper .section,
#content div.checkpaymentwrapper .panel, #content div.checkpaymentwrapper .section
{
    margin-bottom: 0px;
}


ul.indented li.emphasize
{
	margin-left: 10px;
	font-weight: bold;
}

/* duplicate payment warning */
div.duplicateWarning span.message
{
    font-weight: bold;
    color: Red;
}

div.duplicateWarning
{
	margin-bottom: 10px;
	
	background-color: #FFDADA;
	padding: 5px 5px 5px 5px;
}

div.duplicateWarning ul li
{
	list-style: circle;
}

div.duplicateWarning ul li
{
	color: Red;
	margin-left: 38px;
}

.strikethrough
{
    text-decoration: line-through;
}

/* certification status */
span.certstatus.valid
{
    color: Green;
}
    
span.certstatus.missing
{
    color: Red;
}
    
span.certstatus.expired
{
    color: Gray;
    text-decoration: line-through;
}
.aqua{ color: Aqua; }
.blue{ color: Blue; }
.fuchsia{ color: Fuchsia; }
.gray{ color: Gray; }
.green{ color: Green; }
.lime{ color: Lime; }
.maroon{ color: Maroon; }
.navy{ color: Navy; }
.olive{ color: Olive; }
.purple{ color: Purple; }
.red{ color: Red; }
.silver{ color: Silver; }
.teal{ color: Teal; }
.white{ color: White; }
.yellow{ color: Yellow; }

/* WC Values Grid */
table.wcGrid img.comment
{
	position: relative;
	left: 21px;
	margin-left: -18px;
	vertical-align: text-bottom;
}

table.wcGrid div.emptymessage
{
    text-align: center;
    margin-top: 4px;
    margin-bottom: 4px;
    color: #999;
}

table.wcGrid div.newmessage
{
    margin-top: 4px;
    margin-bottom: 4px;
}


/* error pages */
div.errorcontainer
{
    width: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    
    background-color: #efefef;
    padding: 16px 20px 20px 20px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

div.errorcontainer p
{
    margin-top: 1em;
}

div.errorcontainer a.gohome
{
    font-size: 108%;
    font-weight: bold;
}

div.errorcontainer .errorheadline
{
	color: #999;
	font-size: 153.9%;
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-bottom: 0.3em;
	margin-top: 0.3em;
}

div.errorcontainer span.errorcode
{
    color: #D8000C;
}

.video
{
	margin: auto;
	width: 640px;
}

/* value collection status styles */
.valuecol-colorP, .valuecol-colorA
{
    background-color: #FFC000;
    color: black;
}

.valuecol-colorR, .valuecol-colorM
{
    background-color: #EAEC50;
    color: black;
}

.valuecol-colorC, .valuecol-colorX
{
    background-color: #92D050;
    color: black;
}

.valuecol-colorS
{
    background-color: #82B0E9;
    color: black;
}

.valuecol-colorU
{
    background-color: White;
    color: Red;
}

td.riskratecol
{
    text-align: center;
}

span.riskratecol
{
    padding: 2px 6px 2px 6px;
    font-weight: bold;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

td.riskratecol-low, td.riskratecol-medium, td.riskratecol-high, td.riskratecol-none
{
    text-align: center;
}

span.riskratecol-low, span.riskratecol-medium, span.riskratecol-high, span-riskratecol-none
{
    padding: 2px 6px 2px 6px;
    font-weight: bold;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

span.riskratecol-high
{
    background-color: #FF0000;
    color: black;
}

span.riskratecol-medium
{
    background-color: #EAEC50;
    color: black;
}

span.riskratecol-low
{
    background-color: #92D050;
    color: black;
}

span.riskratecol-none
{
    background-color: #cccccc;
    color: black;
}

/* dashboard */

div.dashboardpanel
{
    min-width: 960px;
}

div.dashboardcolumn
{
    min-height: 50px;
}

div.widgettitle
{
	background-color: #6FACEF;
	color: White;
}

div.widgetbody
{
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

#content div.widgetbody div.panel, #content div.widgetbody table.dataGrid {
    margin-bottom: 0px;
}

div.widgetbody div.scrollablex
{
    overflow-x: auto;
}

#content div.widget table.dataGrid th
{
    background-color: #DCDCDC;
    color: #555;
}

span.widgettitle
{
	font-size: 116%;
	font-weight: bold;
	line-height: 182%;
	padding: 0.5em;	
}

div.widgettitle div.links
{
    margin-right: 8px;
}

div.widgettitle a 
{
    color: White;
}
div.widgetlinks a
{
	color: White;
}

.widgetdrop-placeholder
{
    background-color: #D8EBFF;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    margin-bottom: 10px;
}

.dashboardpaneldrop-placeholder {
    background-color: #dcdcdc;
    opacity: .6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
}

/* dashboard edit mode */
div.dashboardpage.editable div.widgettitle
{
	cursor: move;
}

div.dashboardpage.editable div.dashboardpanel
{
    margin-bottom: 20px;
}

div.dashboardpage.editable div.dashboardpanel div.editpanelbar.ui-sortable-handle {
    cursor: move;
}

div.addwidgetbar, div.addpanelbar
{
    background-color: #dcdcdc;
    padding: 5px;
    text-align: center;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.addwidgetbar a, div.addpanelbar a
{
    color: #444;
	font-size: 108%;
    font-weight: bold;
}

div.editpanelbar
{
    border-top: solid 1px #6facef;
    padding: 5px;
    position: relative;
    
    margin-bottom: 8px;
}

div.editpanelbar div.editheader
{
    font-size: 123.1%;
    font-weight: bold;
}

div.editpanelbar div.editheader span.label
{
    color: #CCC;
}

div.editpanelbar div.editheader span.titletext
{
    color: #666;
}

div.editpanelbar div.links
{
	position: absolute;
	right: 0px;
	top: 5px;
}

div.editpanelbar div.links a.selected
{
    font-weight: bold;
    text-decoration: underline;
}

div.editpanelbar div.links .linkgroup
{
    color: #999;
}

.linkgroup a {
    color: #666;
    opacity: .7;
    padding-right: 4px;
}

.linkgroup a:hover {
    opacity: 1;
}

/* Dashboard Layout Panel Icons */
div#dashboardLayoutPanel {
    font-size: 75%;
    opacity: .6;
    display: inline-flex;
}

div#dashboardLayoutPanel div.layoutPanelContainer {
    border: solid 1.5px #666;
    margin: 4px;
    padding: 1.5px;
    border-radius: 1px;
    opacity: .6;
    display: inline-flex;
    height: 28px;
}

div#dashboardLayoutPanel div.layoutPanelContainer:hover {
    opacity: 1;
}

    div#dashboardLayoutPanel a.selected div.layoutPanelContainer {
        opacity: 1;
    }

    div#dashboardLayoutPanel .layoutPanel {
        background-color: #666;
        border-radius: 1px;
        margin: 1px;
        text-align: center;
    }

div#dashboardLayoutPanel i.layoutColumn {
    color: white;
    margin: 1px;
    padding: 2px;
}

div#dashboardLayoutPanel i.layoutColumnWider {
    font-size: 175%;
}

/* projects */
div.projectpanel 
{
    position: relative;
    
  	border: none;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	margin: 0px 0px 8px 0px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

	color: #666;
	background-color: #efefef;
	padding: 10px 15px 10px 15px;
}

div.projectpanel table
{
    width: 100%;
}

div.projectpanel span.projectname
{
	color: #444;
	font-size: 123.1%;
    font-weight: bold;
}

div.projectpanel span.inactive
{
	font-size: 123.1%;
    font-weight: normal;
    color: #D8000C;
}

div.projectpanel div.value
{
    font-weight: bold;
    color: #444;
}

div.projectpanel div.counter
{
    margin-left: 25px;
    text-align: center;
}

div.projectpanel div.countertext
{
	color: #444;
	font-size: 123.1%;
    font-weight: bold;
}

tr.benefit_overdue
{
    color: Red;
}

tr.benefit_duetoday
{
    color: blue;
}


/* qtip */

.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 30em;
	min-width: 50px;
	
	font-size: 1em;
	line-height: 1.3em;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

.qtip.wide {
	max-width: 50em;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;

		cursor: pointer;
		outline: medium none;

		border-width: 1px;
		border-style: solid;
		border-color: transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}
	
		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
			vertical-align: middle;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}


/* jQuery TOOLS Tooltip style */
.qtip-origami{
	background: #232323;
	background: rgba(35, 35, 35, 1);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-linear-gradient(top, #717171, #232323);
	background-image: -ms-linear-gradient(top, #717171, #232323);
	background-image: -o-linear-gradient(top, #717171, #232323);

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.qtip-origami .qtip-titlebar{
		color: white;
	}

	.qtip-origami .qtip-content{
		color: #dcdcdc;
	}

	.qtip-origami .qtip-content .emphasize,
	.qtip-origami .qtip-content b{
		color: white;
	}

	.qtip-origami .qtip-icon{
		border-color: #555;
	}

	.qtip-origami .qtip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Tips plugin */
.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
	
}

	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}
	
	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(#default#VML);
		display: inline-block;
		visibility: visible;
	}

/* Modal plugin */
#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;
	}


/* IE6 Modal plugin fix */
.qtipmodal-ie6fix{
	position: absolute !important;
}


/* risks */
span.riskrate-1, span.riskrate-2, span.riskrate-3,
span.riskrate-4, span.riskrate-5
{
    padding: 2px 6px 2px 6px;
    font-weight: bold;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

span.riskrateimpact-1, span.riskrateimpact-2, span.riskrateimpact-3,
span.riskrateimpact-4, span.riskrateimpact-5, span.riskrateimpact-6,
span.riskrateimpact-7, span.riskrateimpact-8, span.riskrateimpact-9,
span.riskrateimpact-10, span.riskrateimpact-11, span.riskrateimpact-12
{
    padding: 2px 6px 2px 6px;
    font-weight: bold;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

span.riskratelikelihood-1, span.riskratelikelihood-2, span.riskratelikelihood-3,
span.riskratelikelihood-4, span.riskratelikelihood-5, span.riskratelikelihood-6,
span.riskratelikelihood-7, span.riskratelikelihood-8, span.riskratelikelihood-9,
span.riskratelikelihood-10, span.riskratelikelihood-11, span.riskratelikelihood-12
{
    padding: 2px 6px 2px 6px;
    font-weight: bold;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

span.riskratevulnerability-1, span.riskratevulnerability-2, span.riskratevulnerability-3,
span.riskratevulnerability-4, span.riskratevulnerability-5, span.riskratevulnerability-6,
span.riskratevulnerability-7, span.riskratevulnerability-8, span.riskratevulnerability-9,
span.riskratevulnerability-10, span.riskratevulnerability-11, span.riskratevulnerability-12
{
    padding: 2px 6px 2px 6px;
    font-weight: bold;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

span.riskratevelocity-1, span.riskratevelocity-2, span.riskratevelocity-3,
span.riskratevelocity-4, span.riskratevelocity-5, span.riskratevelocity-6,
span.riskratevelocity-7, span.riskratevelocity-8, span.riskratevelocity-9,
span.riskratevelocity-10, span.riskratevelocity-11, span.riskratevelocity-12
{
    padding: 2px 6px 2px 6px;
    font-weight: bold;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

span.riskrate-1
{
    background-color: #20D020;
}

span.riskrateimpact-1
{
    background-color: #20D020;
}

span.riskratelikelihood-1
{
    background-color: #20D020;
}

span.riskratevulnerability-1
{
    background-color: #20D020;
}

span.riskratevelocity-1
{
    background-color: #20D020;
}

span.riskrate-2
{
    background-color: #B0FF30;
}

span.riskrateimpact-2
{
    background-color: #B0FF30;
}

span.riskratelikelihood-2
{
    background-color: #B0FF30;
}

span.riskratevulnerability-2
{
    background-color: #B0FF30;
}

span.riskratevelocity-2
{
    background-color: #B0FF30;
}

span.riskrate-3
{
    background-color: #EAEC50;
}

span.riskrateimpact-3
{
    background-color: #EAEC50;
}

span.riskratelikelihood-3
{
    background-color: #EAEC50;
}

span.riskratevulnerability-3
{
    background-color: #EAEC50;
}

span.riskratevelocity-3
{
    background-color: #EAEC50;
}

span.riskrate-4
{
    background-color: #FFC000;
}

span.riskrateimpact-4
{
    background-color: #FFC000;
}

span.riskratelikelihood-4
{
    background-color: #FFC000;
}

span.riskratevulnerability-4
{
    background-color: #FFC000;
}

span.riskratevelocity-4
{
    background-color: #FFC000;
}

span.riskrate-5
{
    background-color: #FF7070;
}

span.riskrateimpact-5
{
    background-color: #FF7070;
}

span.riskratelikelihood-5
{
    background-color: #FF7070;
}

span.riskratevulnerability-5
{
    background-color: #FF7070;
}

span.riskratevelocity-5
{
    background-color: #FF7070;
}

span.ratebutton
{
	padding-right: 6px;
	padding-left: 6px;
	margin-right: 13px;
	font-weight: normal;
	cursor: pointer;
	border: solid 2px white;
}

span.ratebutton.selected
{
	border: solid 2px black;
	font-weight: bold;
}


table.timeline h4 {
    margin-top: 15px; 
    margin-bottom: 0px
}

table.timeline span.date {
    padding-left: 10px;
    color: black;
}

table.timeline span.time {
    color: #999;
}

table.timeline span.person {
    font-weight: bold;
    color: #0094ff;
}

#anonymousWelcome p
{
    margin-bottom: .8em;
}

#anonymousWelcome #createButtons
{
    margin-top: 35px;
    margin-bottom: 25px;
}

#anonymousWelcome a.createButton
{
    display: inline-block;

    border: none;
	padding:15px 15px 15px 15px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	margin: 0px 15px 15px 0px;

    color: #00529B;
	background-color: #BDE5F8;

    font-weight: bold;
    font-size: 110%;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/*! Lozenge */
.lozenge {
  background: #cccccc;
  border: 1px solid #cccccc;
  border-radius: 3px;
  color: #333333;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  line-height: 99%;
  /* cross-browser compromise to make the line-height match the font-size */
  margin: 0;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.lozenge-success {
  background-color: #4F8A10;
  border-color: #4F8A10;
  color: #ffffff;
}

.lozenge-error {
  background-color: #D8000C;
  border-color: #D8000C;
  color: #ffffff;
}

.lozenge-notification {
  background-color: #00529B;
  border-color: #00529B;
  color: #ffffff;
}

.lozenge-inprogress {
  background-color: #f6c342;
  border-color: #f6c342;
  color: #594300;
}

.lozenge-checking {
  background-color: #BDE5F8;
  border-color: #00529B;
  color: #00529B;
}

.lozenge-bulktokens {
  background-color: white;
  border-color: #00529B;
  color: #00529B;
}

.lozenge-orange {
  background-color: #ffa500;
  border-color: #ffa500;
  color: #ffffff;
}

.lozenge-large {
  font-size: 14px;
}


#content table.dataGrid th.center,
#content table.dataGrid td.center
{
	text-align: center;
}

.expander.expanded img {
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
}

.expander.collapsed img {
    width: 12px;
    height: 12px;
    position: relative;
    top: 0px;
}

.panel-expander.expanded {
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
}

.panel-expander.collapsed {
    width: 12px;
    height: 12px;
    position: relative;
    top: 0px;
}

.tableexpander.expanded img {
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
}
.tableexpander.collapsed img {
    width: 12px;
    height: 12px;
    position: relative;
    top: 0px;
}

.panel-info {
    border: 2px solid;
    border-color: #5e6e6a;
    margin-top: 5px;
}

.panel-info-key {
    color: black;
    background-color: skyblue;
    padding: 0px 5px;
}

.panel-info-header {
    background-color: aquamarine;
    border-bottom: 2px solid;
    border-bottom-color: #5e6e6a;
}

.panel-info-header-title {
    margin-left: 5px;
    color: black;
    font-weight: bold;
}

.panel-info-header label {
    color: #888888;
    width: 7em;
    padding-left: 0.5em;
    display: inline-block;
}

.panel-info-header span {
    color: black;
}

.panel-info-contents {
    padding: 5px;
}

a.metadata {
    color: inherit !important;
    filter: alpha(opacity=60); /* IE */
    -moz-opacity: 0.6; /* Mozilla */
    opacity: 0.6; /* CSS3 */
}

    a.metadata:hover {
        filter: alpha(opacity=100); /* IE */
        -moz-opacity: 1.0; /* Mozilla */
        opacity: 1.0; /* CSS3 */
    }

/*region Calendar view*/
.task-template {
    white-space: nowrap;
    margin-top: auto;
    margin-bottom: auto;
}
.task-template a {
    color: #333333;
    cursor: pointer;
    white-space: nowrap;
    text-align: left;
    line-height: 1.8em;
    text-overflow:ellipsis;
    overflow: hidden;
}
.task-template img {
    vertical-align: middle;
    cursor: pointer;
    float: left;
    border: 0;
}
.k-tooltip{
   background: white !important;
   border: 1px solid #666666 !important; 
}
/*end region*/

.outofoffice.message
{
    width: 100%;
    height: auto; 
    margin: 0px; 
    padding: 0px;
    overflow: hidden; 
    margin: 3px; 
    border-radius: 5px 5px 0px 0px; 
    border: 1px solid rgb(255, 194, 55); 
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px; 
    color: rgb(130, 98, 0); 
    background-color: rgb(255, 234, 168);

    font-size: 13px; 
    line-height: 10px; 
    text-align: center; 
    padding: 8px 10px; 
    width: auto; 
    position: relative;
}


ul.buttonGroup
{
/*    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack:justify;
    -webkit-box-sizing: border-box; */

    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}

ul.buttonGroup > li
{
	flex-grow: 1;
	display: block;
    -webkit-box-flex: 1;
    border: solid 1px #3A6495;
    border-left: none;
    -webkit-border-radius: 0px;
    text-align: center;
    color: #3A6495;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    cursor: pointer;
}

ul.buttonGroup.viewonly > li
{
    cursor: default;
}

ul.buttonGroup > li:first-child
{
    border-left: solid 1px #3A6495;
    border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

ul.buttonGroup > li:last-child
{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

ul.buttonGroup > li.selected
{
    background-color: #3A6495;
    color: #fff;
    border-color: #3A6495;
}

li.createanother {
	padding-right: 8px;
}

li.createanother input{
    position: relative;
    vertical-align: bottom;
    top: -6px;
}
tbody.sortable, li.droppable {
	cursor: move;
}

.sigReqIcon {
    font-size: 130%;
}

.admin-Search-Highlight {
    box-shadow: 0 0 5px #888;
}

#FavoriteRecordStar.fa-star-o
{
    opacity:.6;
}

#FavoriteRecordStar.fa-star
{
    opacity:1;
}

.faicon::before {
    display: inline-block;
    margin-right: .5em;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    color: #777777;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

img.sketchimage
{
	border: solid 1px #ccc;
}

.fa-stack.has-badge[data-count]:after {
    position: absolute;
    right: 0%;
    top: 1%;
    content: attr(data-count);
    font-size: 85%;
    padding: .2em;
    border-radius: 999px;
    line-height: .75em;
    color: white;
    background: rgba(255,0,0,.85);
    text-align: center;
    min-width: 1.25em;
    font-weight: bold;
}

.announcements-container {
    border: 1px solid black;
    background-color: #efefef;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 20px !important;
}

.announcements-container > li {
    height: auto !important;
}

.announcements-container * .noty_text {
    line-height: normal;
}

.announcements-container * .noty_message {
    text-align: left !important;
}

.announcement_date {
    color: #717274 !important;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 24px;
    border-bottom: none !important;
}

span.grippy {
    content: '...';
    width: 6px;
    display: inline-block;
    overflow: hidden;
    line-height: 5px;
    padding: 3px 4px;
    cursor: move;
    vertical-align: middle;
    margin-top: -.7em;
    font-family: sans-serif;
    letter-spacing: 1px;
    color: #cccccc;
    text-shadow: 1px 0 1px black;
}

span.grippy::after {
    content: '.. .. ..';
}
a.preview, i.widget {
    color: #5A84B5;
}

div.tippy-content {
    text-align: left;
    font-size:inherit;
}

.tippy-tooltip.light-border-theme {
    border-color: #444444;
}

.toolTipIconDefault {
    font-size: 120%;
}

.toolTipIconDefaultColor {
    color: #444444;
}

th .toolTipIconDefaultColor {
    color: inherit;
}

.datePickerIconDefault {
    font-size: 135%;
    padding-left:4px;
}

.ui-datepicker-trigger {
    border: none;
    background: none;
    padding: 2px 0px 2px 0px;
}

.lookupInputIcon {
    cursor: pointer;
    margin: 2px 2px 2px 4px;
    border: none;
    background: none;
    padding:0px;
}

div.metric {
    text-align: center;
    line-height: 150px;
}

/* outer/inner trick for vertical centering*/
div.metricinner {
    font-family: Georgia;
    font-size: 150px;
    display: inline-block;
    line-height: 150px;
}

table.ratingWorksheet span.result {
    font-weight: bold;
}

table.ratingWorksheet td {
    padding-top: .5em;
    padding-bottom: .5em;
}

table.ratingWorksheet td.selected button.selectthis {
    background-color: #DFF2BF;
    color: #000;
}

table.ratingWorksheet td.selected {
    background-color: #efefef;
}

span.gray {
    color: gray;
}
span.day {
    color: #e3691c;
    font-weight: bold;
}