/* -------------------------------------------------------------------------
	Default Stylesheet for Windows/Mac Platforms
	emxUIDefault.css
	Release:2013
	Version:2.2.7
	
    Copyright (c) 1992-2012 Dassault Systemes ENOVIA Corp. All Rights Reserved.
    This program contains proprietary and trade secret information 
    of Dassault Systemes ENOVIA Corp. Copyright notice is precautionary only
    and does not evidence any actual or intended publication of such program
   ------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------
   Reset
   ------------------------------------------------------------------------- */

html {
	min-height:100%;
	height:auto;
	}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,select,option,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	}

form {
	height:100%;
	width:100%;
	}
	
table {
	border-collapse:collapse;
	border-collapse:expression('separate', cellSpacing = '0'); /* for IE */
	border-spacing:0;
	}
	
fieldset,img {border:0;}
	
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
	}
	
li {list-style:none;}

caption,th {text-align:left;}
	
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}
	
q:before,q:after {content:'';}
	
abbr,acronym {
	border:0;
	font-variant:normal;
	}
	
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
	
sub {vertical-align:text-bottom;}
	
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	padding:1px 2px;
	}
	
/*because legend doesn't inherit in IE */
/* legend {
	color:#000;
	} */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

a, button {cursor:pointer;}

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

/* -------------------------------------------------------------------------
	Default Styles
   ------------------------------------------------------------------------- */

body {
	background-color:#D7D8E8;
}

body, div, th, td, p, layer, input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

/* input[type="textbox"], textarea, select, div .scaytInput, div .scaytTextBox, div .scaytTextArea,
div .scaytInput .scaytTextBox, div .scaytTextArea .scaytTextBox */

td .scaytInput,
td .scaytTextArea,
td .scaytTextArea .scaytTextBox *, div .scaytTextArea .scaytTextBox,
td .scaytInput .scaytTexBox *, div .scaytInput .scaytTextBox {
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	background:#fff;
}

td .scaytInput.scaytInputDisabled,
td .scaytInput.scaytInputReadOnly {
	background:#e7e7e7;
	border-color:#c5c5c5;
}

a {
	text-decoration:underline;
	color:#036;
}
	
table tr td.object,
table tr td a.object,
ul li a.object,
table tr td span.object {
	font-weight:bold;
}

table {
	border-collapse:collapse;
	border:none;
}

iframe {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	}

iframe[name="Lifecycle"] {
	position:relative;
}

iframe.hidden-frame {
	height:10px;
	width:10px;
	background-color:#D00;
	visibility:hidden;
	}

/* ---------------------------------
    Overlay Layer
   --------------------------------- */

div#layerOverlay {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#000;
	opacity:0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:alpha(opacity=30);
	z-index:200;
	}

/* ---------------------------------
    Zoomable Window Layer
   --------------------------------- */

div#layerWindow {
	position:absolute;
	top:50%;
	left:50%;
	width:800px;
	height:600px;
	margin-top:-300px;
	margin-left:-400px;
	background-color:lightgreen;
	-moz-border-radius:8px;
	opacity:1.0;
	}

div#layerWindowBody {
	position:absolute;
	top:8px;
	right:8px;
	bottom:38px;
	left:8px;
	background-color:darkgreen;
	}

div#layerWindowBody iframe {
	width:100%;
	height:100%;
	border:0;
	}
	
div#layerWindowFoot {
	position:absolute;
	height:20px;
	right:8px;
	bottom:9px;
	left:8px;
}

/* ---------------------------------
    Window Shade Layer
   --------------------------------- */

div#windowshadeMask {
	display:none;
	position:absolute;
	top:42px;
	right:40px;
	bottom:40px;
	left:40px;
	overflow:hidden;
	z-index:1000;
	}

div.windowshade {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#ECECEC;
	overflow:hidden;
	z-index:200;
	display:none;
	}

div.windowshade-body {
	position:absolute;
	top:8px;
	right:8px;
	bottom:38px;
	left:8px;
	overflow:hidden;
	}

div.windowshade-body iframe {
	width:100%;
	height:100%;
	border:0;
	filter:inherit;
	}
	
div.windowshade-foot {
	position:absolute;
	height:20px;
	right:8px;
	bottom:9px;
	left:8px;
	}

/* ---------------------------------
    Type Ahead Layer
   --------------------------------- */

div.type-ahead {
	position:absolute;
	padding:4px;
	background-color:#6B696B;
	z-index:1000;	
	}

div.type-ahead-body {
	position:relative;
	max-height:260px;
	overflow:hidden;
	overflow-y:auto;
	z-index:1;
	}

div.type-ahead-foot {
	display:none;
	position:absolute;
	bottom:4px;
	left:4px;
	right:4px;
	height:20px;
	padding:3px;
	border-top:1px solid #F3F3F3;
	background:#e1e4e4; /* Old browsers */
	background:-moz-linear-gradient(top,#e1e4e4 0%,#c6ced1 100%); /* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e1e4e4),color-stop(100%,#c6ced1)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,#e1e4e4 0%,#c6ced1 100%); /* Chrome10+,Safari5.1+ */
	background:-ms-linear-gradient(top,#e1e4e4 0%,#c6ced1 100%); /* IE10+ */
	background:linear-gradient(top,#e1e4e4 0%,#c6ced1 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e4e4',endColorstr='#c6ced1',GradientType=0); /* IE6-9 */
	}

div.type-ahead-foot table {width:100%;	}

div.type-ahead.multiple {padding-bottom:31px;	}	

div.type-ahead.multiple div.type-ahead-foot {display:block;}

div.type-ahead-body table {min-width:150px;}

div.type-ahead-body table tr td {
	padding:4px 20px 5px 7px;
	font-size:11px;
	white-space:nowrap;
	background-color:#D8E2F3;
	border-bottom:1px solid #FFF;
	}

div.type-ahead-body table tr.hover td {
	background-color:#ACACAC;
	color:#FFF;
	}

div.type-ahead-body table tr.selected td {
	background-color:#8DA2C6;
	color:#FFF;
	}

span.view-all {
	font-weight:bold;
	height:20px;
	padding:4px 22px 3px 0;
	background:url("../images/iconActionSearch.gif") right 3px no-repeat;
	}

/* -------------------------------------------------------------------------
   Page Head
   ------------------------------------------------------------------------- */

div#pageHeadDiv {
	position:relative;
	background:#d6dbde; /* Old browsers */
	background:-moz-linear-gradient(top,#d6dbde 0%,#efefef 100%); /* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d6dbde),color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,#d6dbde 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background:-ms-linear-gradient(top,#d6dbde 0%,#efefef 100%); /* IE10+ */
	background:linear-gradient(top,#d6dbde 0%,#efefef 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6dbde',endColorstr='#efefef',GradientType=0); /* IE6-9 */
	zoom:1; /* trigger hasLayout for IE7 */
	}

div#pageHeadDiv table {
	height:40px;
	width:100%;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

div#pageHeadDiv table tr td table {
	display:inline-table;
	width:auto;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
	
div#pageHeadDiv td.page-title {
	vertical-align:middle;
	padding:4px 0 0 10px;
	}

div#pageHeadDiv td.functions,
div#pageHeadDiv td.buttons {
	padding:0 10px 0 0;
	vertical-align:middle;
	text-align:right;
}

div#pageHeadDiv .functions .label,
div#pageHeadDiv .functions label {
	padding:0 4px 0 0;
	#padding-top:2px;
	width:auto;
	font-weight:normal;
	}

/* Page Title */
div#pageHeadDiv h2,
span.pageHeader {
	font-family:Arial,Helvetica,sans-serif; 
	font-weight:bold; 
	font-size:16px; 
	color:#082C52;
	letter-spacing:0; 
	line-height:16px; 
	white-space:nowrap;
}

/* Page Subtitle */
div#pageHeadDiv h3,
span.pageSubTitle {
	margin-top:2px;
	margin-bottom:4px;
	font-family:Arial,Helvetica,sans-serif; 
	font-size:10px;
	font-weight:normal;
	letter-spacing:0.3pt;
	line-height:11px;
	text-decoration:none;
	white-space:normal;
	color:#082C52; 
	}

/* For legacy page headers */
span.pageHeader,
span.pageSubTitle {margin-left:0;}

/* Progress Indicator */
div#pageHeadDiv .progress-indicator #imgProgressDiv {
	position:relative;
	padding:6px 18px 0 28px;
	#padding-top:7px;
	font-weight:bold;
	font-style:italic;
	color:#900;
	background:url("../images/utilProgress.gif") top left no-repeat;
	display:block;
	min-height:19px;
	#min-height:18px;
	min-width:24px;
	vertical-align:middle;
}

div#imgProgressDiv img {
	width:24px;
	height:24px;
	margin-left:20px;
	}

/* ---------------------------------
    List Filter
   --------------------------------- */

#divListFilter {
	position:relative;
	height:40px;
}

#divListFilter iframe {
	height:99%;
	width:90%;
}

/* -------------------------------------------------------------------------
   Breadcrumb Trail
   ------------------------------------------------------------------------- */

div.breadcrumbs {
	position:absolute;
	top:6px;
	left:6px;
	right:6px;
	height:18px;
	padding:0;
	text-align:right;
	white-space:nowrap;
	overflow:hidden;
	background-color:#EFEFEF;
	border:1px solid #EFEFEF;
	border-top-color:#FFF;
	border-left-color:#FFF;
	border-bottom-color:#959595;
	}

div.breadcrumbs div.buttons {
	position:absolute;
	top:1px;
	height:16px;
	width:25px;
	z-index:20;
	}

div.breadcrumbs div.buttons.previous {
	left:0;
	background:url("../images/utilBreadcrumbMask.png") -20px top no-repeat;
	}

div.breadcrumbs div.buttons.next {
	right:0;
	background:url("../images/utilBreadcrumbMask.png") -55px top no-repeat;
	}

div.breadcrumbs div.buttons a.btn {
	display:block;
	float:left;
	margin:0;
	height:16px;
	width:16px;
	background:url("../images/utilBreadcrumbScrollButtons.gif") 0px 0px no-repeat;
	}

div.breadcrumbs div.buttons.previous a.btn {margin-right:0;	}

div.breadcrumbs div.buttons.next a.btn {margin-left:0;	}

div.breadcrumbs div.buttons a.btn.begin {background-position:0 0;	}

div.breadcrumbs div.buttons a:hover.btn.begin {background-position:0 -16px;}

div.breadcrumbs div.buttons a:active.btn.begin {background-position:0 -32px;}

div.breadcrumbs div.buttons.disabled a.btn.begin {background-position:0 -48px;}

div.breadcrumbs div.buttons a.btn.left {background-position:-16px 0;}

div.breadcrumbs div.buttons a:hover.btn.left {background-position:-16px -16px;}

div.breadcrumbs div.buttons a:active.btn.left {background-position:-16px -32px;}

div.breadcrumbs div.buttons.disabled a.btn.left {background-position:-16px -48px;}

div.breadcrumbs div.buttons a.btn.right {
	background-position:-32px 0;
	margin-left:9px;
}

div.breadcrumbs div.buttons a:hover.btn.right {
	background-position:-32px -16px;
	margin-left:9px;
}

div.breadcrumbs div.buttons a:active.btn.right {
	background-position:-32px -32px;
	margin-left:9px;
}

div.breadcrumbs div.buttons.disabled a.btn.right {
	background-position:-32px -48px;
	margin-left:9px;
}

div.breadcrumbs div.buttons a.btn.end {background-position:-48px 0;}

div.breadcrumbs div.buttons a:hover.btn.end {background-position:-48px -16px;}

div.breadcrumbs div.buttons a:active.btn.end {background-position:-48px -32px;}

div.breadcrumbs div.buttons.disabled a.btn.end {background-position:-48px -48px;}

div.breadcrumbs div.buttons.disabled a {cursor:default;}

div.breadcrumbs ul {
	position:absolute;
	height:20px;
	width:4000px;
	top:1px;
	#top:0;
	white-space:nowrap;
	overflow:hidden;
	z-index:10;
	}

div.breadcrumbs ul li {
	list-style:none;
	display:inline;
	margin:0 -4px 0 0;
	#margin-right:0px;
	padding:1px 0 0 0;
	font-family:Arial;
	font-size:11px;
	color:#7C7D7D;
	letter-spacing:0.25pt;
	#zoom:1; /* fix whitespace bug in IE */
	}

div.breadcrumbs ul li a {
	display:inline-block;
	color:#555;
	text-decoration:none;
	padding:1px 11px 2px 0;
	background:url("../images/utilBreadcrumbSeparator.gif") right 2px no-repeat;
}

div.breadcrumbs ul li.last-child a {background-image:none;}

div.breadcrumbs ul li.current a,
div.breadcrumbs ul li.current a:hover {
	font-weight:bold;
	color:#000;
	text-decoration:none;
	cursor:default;
	}

div.breadcrumbs ul li a:hover {
	color:#3177ae;
	text-decoration:underline;
	}

div.breadcrumbs ul li a:active {
	color:#9a2a04;
	text-decoration:underline;
	}

div.breadcrumbs ul li.button {
	margin-right:0;
	margin-left:6px;
	}
	
div.breadcrumbs ul li.button a {
	display:block;
	width:14px;
	padding:0 2px 0 2px;
	overflow:hidden;
	/* background-color:yellow; */
	}

/* -------------------------------------------------------------------------
   Page Body
   ------------------------------------------------------------------------- */

div#pageContentDiv {
	position:absolute;
	top:25px;
	right:6px;
	bottom:6px;
	left:6px;
	background-color:#E4E7F0;
	overflow:hidden;
}

div#pageContentDiv iframe {
	display:block;
	width:100%;
	height:100%;
	}

table.form tr td.heading,
td.heading1 /* this is a legacy selector that should be removed/renamed */ {
	height:26px;
	background-color:#84ACDF;
	background-image:url("../images/bgnd-subhead-highlight.png");
	background-position:0 0;
	background-repeat:repeat-x;
	border-top:1px solid #3777CB;
	border-bottom:1px solid #4273B4;
	padding:6px 10px;
	color:#252525;
	font-weight:bold;
	font-size:11px;
}

table.form tr td.subheading,
td.heading2 /* this is a legacy selector that should be removed/renamed */ {
	height:24px;
	border-top:1px solid #C9D1DB;
	background-color:#8B96A5;
	font-weight:normal;
	color:#FFF;
}


/* -------------------------------------------------------------------------
   Slide-In Panel
   ------------------------------------------------------------------------- */

body.form {#overflow:hidden;}

body.viewer {
	#position:relative;
	#height:248px;
	#width:324px;
	}

body.slide-in-panel {background:#ECECEC;}

div#panelSlideIn {
	position:absolute;
	top:62px;
	right:6px;
	bottom:6px;
	width:350px;
	}

div#panelSlideIn iframe {
	display:block;
	width:100%;
	height:100%;
}

body.slide-in-panel div#pageHeadDiv {
	position:absolute;
	top:0;
	right:0;
	left:0;
	background:none;
}

body.slide-in-panel div#pageHeadDiv table {
	height:40px;
	width:100%;
	margin-bottom:10px;
	background:#94aace; /* Old browsers */
	background:-moz-linear-gradient(top,#94aace 0%,#7b9ac6 100%); /* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#94aace),color-stop(100%,#7b9ac6)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,#94aace 0%,#7b9ac6 100%); /* Chrome10+,Safari5.1+ */
	background:-ms-linear-gradient(top,#94aace 0%,#7b9ac6 100%); /* IE10+ */
	background:linear-gradient(top,#94aace 0%,#7b9ac6 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94aace',endColorstr='#7b9ac6',GradientType=0); /* IE6-9 */
}

body.slide-in-panel div#pageHeadDiv table tr td table,
body.slide-in-panel div#pageHeadDiv div.toolbar-container table {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

body.slide-in-panel div#pageHeadDiv td.page-title {
	vertical-align:middle;
	padding-bottom:2px;
	padding-left:10px;
	}

body.slide-in-panel div#pageHeadDiv td.functions {
	padding-top:0;
	padding-bottom:0;
	vertical-align:middle;
	text-align:right;
}

body.slide-in-panel div#pageHeadDiv .functions .progress-indicator #imgProgressDiv {
	background:url("../images/utilProgressDialog.gif") top left no-repeat;
}

body.slide-in-panel div#pageHeadDiv h2 {
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:16px; 
	letter-spacing:0;
	line-height:16px;
	color:#FFF;
	white-space:nowrap;
}

body.slide-in-panel div#pageHeadDiv h3 {
	margin-top:2px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
	font-weight:normal;
	letter-spacing:0.3pt;
	line-height:11px;
	text-decoration:none;
	white-space:nowrap;
	color:#FFF;
}	

body.slide-in-panel div#pageHeadDiv div.toolbar-container {
	margin:0 12px;
	border:1px solid #959595;
	border-bottom:none;
	}

/* ---------------------------------
    Panel Viewer
   --------------------------------- */
   
div#panelViewer {
	position:absolute;
	top:44px;
	right:12px;
	left:12px;
	height:250px;
	color:#999;
	background-color:#555;
	border:1px solid #8A8E8F;
	}

div#panelViewer iframe {
	height:100%;
	width:100%;
	border:0;
	}

div#panelViewer div.viewer-badge {
	position:absolute;
	top:5px;
	right:2px;
	width:32px;
	height:32px;
}

div#panelViewer div.viewer-badge.model {background:url("../images/3D-badge.png") top left no-repeat;}

/* ---------------------------------
    Viewer Content
   --------------------------------- */

div.viewer-image {
	#position:absolute;
	#top:50%;
	display:table-cell;
	vertical-align:middle;
	height:248px;
	#height:auto;
	width:324px;
	#width:auto;
}

div.viewer-image img {
	#position:relative;
	#top:-50%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/* ---------------------------------
    Panel Body
   --------------------------------- */
   
body.slide-in-panel div#divPageBody {
	position:absolute;
	top:76px;
	right:12px;
	left:12px;
	bottom:40px;
	overflow-x:auto;
	overflow-y:auto;
	background:#cccccc; /* Old browsers */
	background:-moz-linear-gradient(top,#cccccc 0%,#e8e8e8 11%,#e8e8e8 90%,#cccccc 100%); /* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#cccccc),color-stop(11%,#e8e8e8),color-stop(90%,#e8e8e8),color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,#cccccc 0%,#e8e8e8 11%,#e8e8e8 90%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background:-ms-linear-gradient(top,#cccccc 0%,#e8e8e8 11%,#e8e8e8 90%,#cccccc 100%); /* IE10+ */
	background:linear-gradient(top,#cccccc 0%,#e8e8e8 11%,#e8e8e8 90%,#cccccc 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#e8e8e8',GradientType=0); /* IE6-9 */
	border:1px solid #8A8E8F;
	}

body.slide-in-panel div#divPageBody iframe {
	height:100%;
	width:100%;
	border:0;
	}

body.slide-in-panel div#divPageBody table {width:100%;}

/* ---------------------------------
    Panel Foot
   --------------------------------- */

body.slide-in-panel div#divPageFoot {
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	height:31px;
	border-top:none;
	text-align:right;
	padding:8px 12px 0 12px;
	background:#efefef; /* Old browsers */
	background:-moz-linear-gradient(top,#efefef 0%,#c6cbce 100%); /* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(100%,#c6cbce)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,#efefef 0%,#c6cbce 100%); /* Chrome10+,Safari5.1+ */
	background:-ms-linear-gradient(top,#efefef 0%,#c6cbce 100%); /* IE10+ */
	background:linear-gradient(top,#efefef 0%,#c6cbce 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#c6cbce',GradientType=0); /* IE6-9 */
}

body.slide-in-panel div#divPageFoot ul.form-action {margin-top:5px;}


/* -------------------------------------------------------------------------
   Filter Widgets
   ------------------------------------------------------------------------- */

/* ---------------------------------
   Compass Filters
   --------------------------------- */

body.slide-in-panel.filters {overflow:hidden;}

body.slide-in-panel.filters div#pageHeadDiv td.page-title {
	background-image:url("../images/utilFilterHeaderQuadrants.png");
	background-position:10px 36px;
	background-repeat:no-repeat;
}
	
body.slide-in-panel.filters div#pageHeadDiv td.page-title.north {background-position:10px 2px;text-align:center;}
body.slide-in-panel.filters div#pageHeadDiv td.page-title.east {background-position:10px -106px;text-align:center;}
body.slide-in-panel.filters div#pageHeadDiv td.page-title.south {background-position:10px -142px;text-align:center;}
body.slide-in-panel.filters div#pageHeadDiv td.page-title.west {background-position:10px -34px;text-align:center;}
body.slide-in-panel.filters div#pageHeadDiv td.page-title.play {background-position:10px -70px;text-align:center;}
	
body.slide-in-panel.filters div#pageHeadDiv td.page-title h2 {
	padding-right:26px; /* to visually center title */
}

/* ---------------------------------
   Autofilters
   --------------------------------- */
   
body.slide-in-panel.autofilters div#pageHeadDiv table {margin-bottom:0;}

body.slide-in-panel.autofilters div#pageHeadDiv div.toolbar-container {
	border:1px solid #959595;
	border-left:none;
	border-right:none;
	margin:0;
}

body.slide-in-panel.autofilters div#divPageBody {
	padding:12px;
	top:68px;
	left:0;
	right:0;
	border:none;
	border-bottom:1px solid #8A8E8F;
}

/* ---------------------------------
   Filter Panel Content
   --------------------------------- */

body.slide-in-panel.filters div#divPageBody {
	border:none;
	overflow:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding:12px;
}

body.slide-in-panel.filters div#divPageBody div.toolbar-container {border:1px solid #959595;margin-bottom:4px;}

.filters .filter,
.autofilters .filter {
	position:relative;
	margin-bottom:7px;
	padding-bottom:2px;
	background-color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:2px 2px 1px #999;
	-moz-box-shadow: 2px 2px 1px #999;
	-webkit-box-shadow: 2px 2px 1px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
	}

.filter ul {
	margin:0;
	padding:0;
	list-style:none;
	}

.filter ul li {
	display:inline;
	line-height:12px;
	zoom:1;
	}

/* color key chip within SB table */
td span.color-key {
	display:block;
	position:relative;
	margin-right:4px;
	width:16px;
	height:16px;
	background-color:#ccc;
}

/* ---------------------------------
   Head
   --------------------------------- */

.filter-head {
	position:relative;
	/* width:100%; */
	height:30px;
	font-weight:bold;
	}

.filter-title {
	position:relative;
	height:10px;
	padding:9px 5px 9px 30px;
	vertical-align:middle;
	}	

.filter-functions {
	position:absolute;
	top:3px;
	right:2px;
	}

.filter-label {
	position:absolute;
	top:6px;
	left:50%;
	width:30px;
	height:20px;
	background:url(../images/utilFilterWidgetHeaders.png) center 20px no-repeat;
	margin-left:-15px;
	}

.filter-label.north {background-position:center 0;}
.filter-label.south {background-position:center -20px;}
.filter-label.east {background-position:center -60px;}
.filter-label.west {background-position:center -80px;}
.filter-label.play {background-position:center -40px;}

.filter button {
	width:24px;
	height:24px;
	border:none;
	background:none;
	}

.filter-head button {
	background:url("../images/utilCompassFilterControls.png") 0 0 no-repeat;
}		

.filter-head .expanded {background-position:0 0;}
.filter-head .collapsed {background-position:-24px 0;}
.filter-head .grouping {background-position:-24px -72px;}
.filter-head .grouping.active {background-position:0 -72px;}
.filter-head .add-column {background-position:-24px -24px;}
.filter-head .add-column.active {background-position:0 -24px;}
.filter-head .remove-column {background-position:-24px -48px;}
.filter-head .remove-column.active {background-position:0 -48px;}
.filter-head .colorize {background-position:-24px -96px;}
.filter-head .colorize.active {background-position:0 -96px;}
.filter-head .favorite {background-position:-24px -120px;}
.filter-head .favorite.active {background-position:0 -120px;}

.filter-title button {
	position:absolute;
	top:3px;
	left:3px;
	}

/* ---------------------------------
   Body
   --------------------------------- */

.filter-content {
	position:relative;
	overflow:hidden;
}

.filter-body {
	position:relative;
}

.filter-body span.select-all {
	display:block;
	position:relative;
	margin:0 5px 2px 5px;
	padding:4px 5px 5px 28px;
	background-color:#e5edf7;
}

.filter-body span.select-all a.checkbox {top:5px;}

.filter-body ul {
	position:relative;
	margin:2px 5px 2px 5px;
	padding-top:2px;
	max-height:140px;
	overflow:hidden;
	overflow-y:auto;
	background-color:#f3f3f3;
}

.filter-body ul.autofilter {height:auto;padding-bottom:1.5em;}
.filter-body ul.autofilter li.header a.checkbox {top:6px;}

.filter-body ul li {
	position:relative;
	display:block;
	padding:3px 5px 3px 28px;
}

.filter-body ul li.header {
	font-weight:bold;
	color:#fff;
	padding:5px 5px 7px 5px;
	margin-top:1.5em;
	background:#539ee1; /* Old browsers */
	background:-moz-linear-gradient(top,#539ee1 0%,#234a73 100%); /* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#539ee1),color-stop(100%,#234a73)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,#539ee1 0%,#234a73 100%); /* Chrome10+,Safari5.1+ */
	background:-ms-linear-gradient(top,#539ee1 0%,#234a73 100%); /* IE10+ */
	background:linear-gradient(top,#539ee1 0%,#234a73 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#539ee1',endColorstr='#234a73',GradientType=0); /* IE6-9 */
}

.filter-body ul li.header:first-child {margin-top:0;}

.filter input[type="radio"] {width:13px;height:13px;margin:0;}

.filter-body a.checkbox {
	position:absolute;
	top:3px;
	left:14px;
	display:block;
	height:12px;
	width:12px;
	background-color:#ccc;
}

.filter-body a.checkbox.selected {
	background-image:url("../images/utilCheckboxChecked.png");
	background-position:0 0;
	background-repeat:no-repeat;
	}

.filter-body label,
.filter-body div.prg-html {
	margin-left:1px;
	cursor:pointer;
}

body.slide-in-panel div#divPageBody .filter-body div.prg-html table {width:auto;}


.filter-body.color-key ul li {line-height:11px;}

.filter-body.color-key a.checkbox {
	top:3px;
	left: 14px;
}

.filter-body ul li span.color-key {
	position:absolute;
	top:2px;
	left:2px;
	width:10px;
	height:19px;
	-moz-border-radius:2px;
	-moz-border-radius-bottomright:0; 
	}
	
.filter-body ul li span.graph {margin:3px 0 2px -16px;}
	
.filter-body ul li span.graph,
.filter-body ul li span.graph-value {
	display:block;
	position:relative;
	top:0;
	left:0;
	height:4px;
	width:95%;
	background:#ddd;
	-moz-border-radius:0;}

.filter-body ul li span.graph-value.color-key {}

.filter-body.filters ul li {
	min-height:16px;
	padding:3px 5px 2px 36px;
	background:url("../images/utilFilterWidgetQuadrants.png") 400px center no-repeat;
	border-bottom:1px solid #fff;
}

.filter-body.filters ul li.north {background-position:6px center;}
.filter-body.filters ul li.south {background-position:-394px center;}
.filter-body.filters ul li.east {background-position:-1194px center;}
.filter-body.filters ul li.west {background-position:-1594px center;}
.filter-body.filters ul li.play {background-position:-794px center;}

.filter-body.filters ul li ul {
	list-style:none;
	margin:0;
	padding:0;
	height:auto;
	overflow:hidden;
}

.filter-body.filters ul li ul li {
	position:relative;
	display:inline-block;
	margin:3px 5px 0 0;
	padding:0 0 0 14px;
	line-height:11px;
	min-height:15px;
	height:15px;
	white-space:nowrap;
	background:none;
	border:none;
	}

.filter-body.filters ul li ul li a {
	position:absolute;
	display:block;
	top:0px;
	left:0;
	width:13px;
	height:11px;
	background:#ccc url(../images/utilRemoveCriteria.png) 2px 2px no-repeat;
	-moz-border-radius:2px;
}

.category {font-weight:bold;}

/* ---------------------------------
   Foot
   --------------------------------- */

.filter-foot {
	position:relative;
	height:18px;
	padding:2px 0 1px 0;
	margin:0 5px;
	}

.filter-foot table {width:100%;}

.filter-foot table td {padding:0;}

.filter-foot table td.actions  {text-align:right;
	/* float:right;
	margin-right:8px; */
	}

.filter-foot button {
	height:18px;
	width:auto;
	padding:0 0 0 5px;
	letter-spacing:0.1em;
	background:url("../images/utilWidgetButtonBackgroundLeft.png") 0 -180px no-repeat;
	border:0;
}

.filter-foot button span {
	display:block;
	height:18px;
	padding:1px 8px 2px 3px;
	background:url("../images/utilWidgetButtonBackgroundRight.png") right -180px no-repeat;
	font-size:11px;
	color:#fff;
	*color:red;
}

/* apply */
.filter-foot button.apply {background-position:0 -60px;}
.filter-foot button.apply span {background-position:right -60px;}

.filter-foot button.apply.active {background-position:0 -80px;}
.filter-foot button.apply.active span {background-position:right -80px;}

/* done */
.filter-foot button.done {background-position:0 -120px;}
.filter-foot button.done span {background-position:right -120px;}

.filter-foot button.done.active {background-position:0 -140px;}
.filter-foot button.done.active span {background-position:right -140px;}

/* cancel */
.filter-foot button.cancel {background-position:0 0;}
.filter-foot button.cancel span {background-position:right 0;}


/* -------------------------------------------------------------------------
   Page Footer
   ------------------------------------------------------------------------- */

div#pageFootDiv {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:40px;
	color:#FFF;
	}

/* ---------------------------------
    Content Footer
   --------------------------------- */

body.foot table, 
div#divPageFoot table,
div.windowshade-foot table {width:100%;}

div#divPageFoot table tr td table,
div.windowshade-foot table tr td table {
	width:auto;
	height:23px;
}

/* functions */
#divPageFoot table tr td.functions {text-align:left;}

#divPageFoot table tr td.functions table tr td {padding-right:2px;}

/* buttons */
body.foot table tr td.buttons,
#divPageFoot table tr td.buttons {text-align:right;}

div#divPageFoot table tr td.buttons table,
div.windowshade-foot table tr td.buttons table {float:right;}

div#divPageFoot table tr td.buttons table tr td {padding-left:4px;}

body.foot table tr td.buttons img,
#divPageFoot table tr td.buttons img {vertical-align:middle;}

/* Main Content/Powerview (functions|pagination) */
div#divPageFoot table tr td + td.pagination table {
	float:right;
	border:none;
}
	
/* General Pagination Appearance */	
td.pagination table tr td {padding:0px 3px;}

td.pagination-button-on {
	background:url("../images/utilChPaginationModeSelectedBackground.gif") top left repeat-x;
	text-align:center;
}

td.pagination-button-off {text-align:center;}

td.pagination select {
	font-size:9px;
	color:#FFF;
	background-color:#505050;
	border:1px solid #828177;
	border-right-color:#FFF;
	border-bottom-color:#FFF;
	margin-top:2px;
}

td.pagination select option {
	font-size:9px;
	line-height:10px;
	padding:0 6px;
	}

/* -------------------------------------------------------------------------
   Buttons
   ------------------------------------------------------------------------- */

table tr td.buttons ul {float:right;}

table tr td.buttons ul li {display:inline;}

/* link */
table tr td.buttons ul li a {
	float:left;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	margin-left:5px;
	padding-left:5px;
}

table tr td.buttons ul li a span {
	display:block;
	padding:2px 7px 5px 5px;
	padding-left:0;
	}

/* "Done" button */
table tr td.buttons ul li a.btn-done {background:url("../images/btn-grn-left.png") 0 0 no-repeat;}

table tr td.buttons ul li a.btn-done span {background:url("../images/btn-grn-right.png") right 0 no-repeat;	}

/* "Done" button:hover */
table tr td.buttons ul li a.btn-done:hover {
	color:#285C01;
	background:url("../images/btn-grn-left.png") 0 -25px no-repeat;
}

table tr td.buttons ul li a.btn-done:hover span {background:url("../images/btn-grn-right.png") right -25px no-repeat;}	

/* "Done" button:active */
table tr td.buttons ul li a.btn-done:active {
	color:#FFF;
	background:url("../images/btn-grn-left.png") 0 -50px no-repeat;
}

table tr td.buttons ul li a.btn-done:active span {background:url("../images/btn-grn-right.png") right -50px no-repeat;}	

/* "Cancel" button */
table tr td.buttons ul li a.btn-cancel {background:url("../images/btn-red-left.png") 0 0 no-repeat;}

table tr td.buttons ul li a.btn-cancel span {background:url("../images/btn-red-right.png") right 0 no-repeat;	}

/* "Cancel" button:hover */
table tr td.buttons ul li a.btn-cancel:hover {
	color:#D00;
	background:url("../images/btn-red-left.png") 0 -25px no-repeat;
}

table tr td.buttons ul li a.btn-cancel:hover span {background:url("../images/btn-red-right.png") right -25px no-repeat;}	

/* "Cancel" button:active */
table tr td.buttons ul li a.btn-cancel:active {
	color:#FFF;
	background:url("../images/btn-red-left.png") 0 -50px no-repeat;
}

table tr td.buttons ul li a.btn-cancel:active span {background:url("../images/btn-red-right.png") right -50px no-repeat;}	


/* -------------------------------------------------------------------------
   Input Elements
   ------------------------------------------------------------------------- */

input[type="text"],
select,
option {font-size:11px;}

td.d-align input[type="text"] {text-align:right;}

input.right-align {text-align:right;}
input.center-align {text-align:center;}

/* -------------------------------------------------------------------------
   Confirm Download Dialog
   ------------------------------------------------------------------------- */

body.confirmDownload {background-color:#E4E4E4;}

#confirmDownload {
	position:absolute;
	height:300px;
	width:400px;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-200px;
	text-align:center;
}

#confirmDownload p {
	font-size:10pt;
	line-height:14pt;
	margin-bottom:24pt;
}

#confirmDownload a:link,
#confirmDownload a:hover,
#confirmDownload a:visited {
	padding:4px 8px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	background-color:#f7f7f7;
	border:2px solid #FFF;
	border-bottom:2px solid #7c7c7c;
	border-right:2px solid #7c7c7c;
}

#confirmDownload a:active {
	background-color:#c3c3c3;
	border:2px solid #7c7c7c;
	border-bottom:2px solid #FFF;
	border-right:2px solid #FFF;
}


/* -------------------------------------------------------------------------
   Legacy Search Dialog
   ------------------------------------------------------------------------- */

#divSearchPane {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:200px;
	background-color:lightgreen;
	overflow:hidden;
	}

#divSearchCriteria {
	position:absolute;
	top:0;
	bottom:0;
	left:200px;
	right:0;
	background-color:lightblue;
	overflow:hidden;
	}

#divSearchPane iframe,
#divSearchCriteria iframe {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	overflow:auto;
	}

/* -------------------------------------------------------------------------
   Server Error Page
   ------------------------------------------------------------------------- */

body.error-notice {background-image:url("../images/utilContentBackground.gif");}

#messageBox {
	max-width:50%;
	min-width:300px;
	margin:50px auto;
	padding:10px 20px;
	text-align:center;
	border:solid 4px #C30;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	box-shadow:7px 7px 8px #818181;
	-webkit-box-shadow:7px 7px 8px #818181;
	-moz-box-shadow:7px 7px 8px #818181;
	-moz-border-radius:10px;
	filter:progid:DXImageTransform.Microsoft.DropShadow(color=#818181,offX=7,offY=7,positive=true);
	background:#ffffff; /* Old browsers */
	background:-moz-linear-gradient(top,#ffffff 0%,#bbbbbb 100%); /* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,#ffffff 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background:-ms-linear-gradient(top,#ffffff 0%,#bbbbbb 100%); /* IE10+ */
	background:linear-gradient(top,#ffffff 0%,#bbbbbb 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#bbbbbb',GradientType=0); /* IE6-9 */
}

.error-number {
	display:block;
	width:90px;
	background:url("../images/iconStatusAlert48x48.png") top left no-repeat;
	margin:0 auto;
	padding:14px 0 14px 50px;
	#padding:16px 0 16px 50px;
	font:bold 16px Arial, Geneva, sans-serif;
}

#messageBox p {margin-top:6px;}




/* -------------------------------------------------------------------------
   Lifecycle/Process Appearance
   ------------------------------------------------------------------------- */

ul.steps {
	font-size:11px;
	margin:4px 0 0 0;
	padding:0;
	width:100%;
	}

ul.steps li {
	display:block;
	float:left;
	margin:0 4px 4px 0;
	padding:0 20px 0 0;
	}

ul.steps.lifecycle li {background:url("../images/utilProcessStepArrow.gif") center right no-repeat;	}

ul.steps.process li {
	border-right:1px solid #999;
	padding:0 4px 0 0;
	}

ul.steps.process li.last-step {border-right:none;}

ul.steps li a {
	display:block;
	float:left;
	height:13px;
	margin:0;
	padding:5px;
	color:#000;
	text-decoration:none;
	border:1px solid transparent;
	cursor:default;
	}

* html table tr td ul.steps li a {
	border-color:tomato;
	filter:chroma(color="tomato");
	}

ul.steps li.current-step a {
	font-weight:bold;
	color:#333;
	background-color:#FFF899;
	border:1px solid #DDD55C;
	}

ul.steps li.last-step {background-image:none;}

/* ---------------------------------
	Lifecycle Actions Styling
   --------------------------------- */

table.actions {
	clear:left;
	margin:4px 0 2px 0;
	width:auto;
	}

table tr td.inputField table.actions tr td {
	border:none;
	width:auto;
	}

table.actions tr td.label {
	font-weight:normal;
	padding:0 6px 0 16px;
	white-space:nowrap;
	background:url("../images/iconActionDefault.gif") no-repeat 2px 7px;
	}

table.actions tr td.promote {background:url("../images/iconActionPromote.gif") no-repeat 0 4px;}

table.actions tr td.demote {background:url("../images/iconActionDemote.gif") no-repeat 0 4px;}

table.actions tr td.private-append {
	background:url("../images/iconActionPrivateReply.gif") no-repeat 2px 0;
	padding:0 6px 0 19px;
	}

table.actions tr td.public-append {
	background:url("../images/iconActionPublicReply.gif") no-repeat 2px 0;
	padding:0 6px 0 19px;
	}

/* ---------------------------------
	Discussion Field Styling
   --------------------------------- */

table tr td.discussion {
	background:url("../images/iconSmallDiscussion.gif") no-repeat 0 4px;
	padding:0 6px 0 19px;
	}

p.append-notice {
	margin:2px 0 4px 0;
	font-weight:bold;
	font-style:italic;
	color:#900;
	}

/* -------------------------------------------------------------------------
    Discussion Settings
   ------------------------------------------------------------------------- */

div.message {
	background-color:#FFF;
	color:#000;
	padding:0 0 6px 0;
	}

div.message.private {
	background-color:#FFE;
	color:#000;
	}

div.message p {
	margin:6px;
	line-height:14px;
	}

div.message-header {
	background-color:#369;
	color:white;
	font-weight:bold;
	padding:5px 4px 5px 23px;
	}

div.message.private div.message-header {background-color:#6E6E6E;}
	
div.open-thread {
	background-image:none;
	background-image:url("../images/iconDiscussionArrowDown.gif");
	background-repeat:no-repeat;
	background-position:8px 7px;
	}

/* Author Appearance */
span.author {
	font-style:italic;
	margin-left:2em;
	}

/* Date Appearance */
span.date {
	font-style:italic;
	margin-left:2em;
	}

div.message-type {
	position:absolute;
	display:inline;
	right:50px;
	padding:2px;
	background-color:#FFE;
	color:#777;
	border-top:solid 1px #FFF;
	border-left:solid 1px #FFF;
	border-right:solid 1px #444;
	border-bottom:solid 1px #FFE;
	font-weight:normal;
	}

div a.object.attachments {
	display:block;
	width:auto;
	font-weight:normal;
	padding:4px 0 2px 16px;
	background:url("../images/iconSmallPaperclipVertical.gif") no-repeat 1px 3px;
	}

/*Styling for the License over allocation*/
th.license-OverAllocation,
td.license-OverAllocation {background-image:url("../images/utilLicenseStylingBackground.gif");}

/* Page URL */
input.pageURL {
	text-align:left;
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	border:1px solid black;
	padding:3px;
	background:#B6CBE4;
	height:20px;
	width:250px;
	z-index:1;
	font-color:black;
	overflow:hidden;
	}

div.pageURLDivHidden {
	position:absolute;
	visibility:visible;
	height:25px;
	width:270px;
	top:0px;
	left:-5px;
	}

div.pageURLDiv {
	position:absolute;
	height:25px;
	width:260px;
	}
	

/* -------------------------------------------------------------------------
   Rich Text Editor (RTE)
   ------------------------------------------------------------------------- */

.rte-zone {
	margin:0;
	padding:0;
	border:1px #999 solid;
	clear:both;
}

.rte-zone iframe {position:relative;}

.rte-zone textarea {
	padding:0; 
	margin:0;
	border:0;
	position:relative;
	left:0;
	clear:both;
}

.rte-zone input.mx_btn-apply,
.rte-zone input.mx_btn-cancel {
	-moz-border-bottom-colors:none;
	-moz-border-image:none;
	-moz-border-left-colors:none;
	-moz-border-right-colors:none;
	-moz-border-top-colors:none;
	border-color:#F5F4EB #A6A498 #A6A498 #F5F4EB;
	border-right:1px solid #A6A498;
	border-style:solid;
	border-width:1px;
	margin:0 0 0 4px;
	padding:0 3px 3px 18px;
}

.rte-resizer {
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	border-top:1px solid #999;
	background-color:#fdfdfd;
}

.rte-resizer a {
	background:url('../images/rte_icons.gif') no-repeat 0 0; 
	background-position:0 -688px; 
	width:16px;
	height:16px;
	display:block;
	float:right;
	cursor:se-resize;
	margin-top:4px;
}
.rte-toolbar {
	width:100%;
	margin:0;
	padding:0;
	display:block;
	border-bottom:1px dashed #999;
	background-color:#fdfdfd;
}

.rte-toolbar p {
	margin:0;
	padding:0;
	clear:both;
}

.rte-toolbar select {
	height:16px;
	padding:0;
	margin:0;
}

.rte-panel {
	position:absolute;
	left:0;
	top:0;
	width: auto;
	border:1px solid #999;
	display:block;
	clear:both;
	margin:0px;
	padding:0;
	background:#e5e8eb;
	z-index:20000;
}

.rte-panel div.rte-panel-title {
	font-weight:bold;
	margin-bottom:4px;
	padding:2px;
	height:12px;
	background:#c0c0c0;
	border-bottom:1px solid #999;
	display:block;
	clear:both;
	cursor:move;
}

.rte-panel div.rte-panel-title .close {
	position:absolute;
	top:2px;
	right:3px;
	display:block;
	text-decoration:none;
}

.rte-panel label {
	display:block;
	float:left;
	width:50px;
	margin:0 5px 0 2px;
	font-weight:bold;
	font-size:10px;
	text-align:right;
	line-height:20px;
	font-size:100%;
}

.rte-panel input, .rte-panel select {
	padding:0;
	font-size:10px;
	line-height:14px;
	vertical-align:middle;
}

.rte-panel button  {
	margin:0 5px 0 2px;
	padding:2px 5px;
	font-size:10px;
	border:1px solid #ccc;
	float:left;
	vertical-align:middle;
}

.rte-panel p.submit {
	margin:5px -5px 0 -5px;
	padding:5px;
	height:20px;
	line-height:20px;
	background:#e0e0e0;
	border-top:1px solid #ccc;
	display:block;
	clear:both;
}
.rte-panel p.submit button {
	width:60px;
	padding:2px 5px;
	margin-left:10px;
	font-weight:bold;
}

.rte-panel #specialCharactersPanel table {margin:0 4px 4px 4px;}

.rte-panel #specialCharactersPanel td {padding:1px;}

.rte-panel #specialCharactersPanel input {
	width:30px;
	margin:0;
}

.rte-panel .colorpicker1, .rte-panel .colorpicker2 {
	margin:0 5px 0 0;
	padding:0;
	float:left;
	border:1px solid #000;
}

.rte-panel .colorpicker2 {
	margin:0;
	border:0;
}

.rte-panel .colorpicker1 .rgb {
	background:url('../images/rte_colorpicker_rgb.jpg') no-repeat 0 0; 
	width:300px;
	height:150px;
	cursor:crosshair;
}

.rte-panel .colorpicker1 .gray{
	background:url('../images/rte_colorpicker_gray.jpg') no-repeat 0 0; 
	width:15px;
	height:150px;
	cursor:crosshair;
}

.rte-panel .colorpicker2 .preview {
	margin:3px 0;
	padding:0;
	width:50px;
	height:50px;
	border:1px solid #000;
	clear:both;
	background:#000;
}

.rte-panel .colorpicker2 .color {
	margin:3px 0;
	padding:0;
	clear:both;
}

.rte-panel .colorpicker2 .palette {
	margin:0;
	padding:0;
	width:50px;
	height:50px;
	border:1px solid #000;
	cursor:crosshair;
	clear:both;
	font-size:1px;
}

.rte-panel .symbols {
	margin:0;
	padding:0;
	clear:both;
}

.rte-panel .symbols a {
	font-size:14px;
	line-height:14px;
	vertical-align:middle;
	text-align:center;
	width:18px;
	height:18px;
	float:left;
	color:#000;
	text-decoration:none;
}

.rte-panel .symbols a:hover {background:#ccc;}

.rte-panel .colorpicker2 .palette .item {
	width:10px;
	height:10px;
	margin:0;
	padding:0;
	float:left;
	cursor:crosshair;
	border:0;
}

.rte-panel img {
	padding:0;
	margin:0;
	border:0;
}

.rte-toolbar div.clear {
	display:block;
	clear:both;
	border:0;
	padding:0;
	padding:2px 0 0 0;
	margin:0;
}

.rte-toolbar ul {
	display:block;
	margin:0px;
	padding:0;
	width:100%;
}

.rte-toolbar ul li {
	list-style-type:none; 
	float:left;
	padding:0;
	margin:5px 2px;
	height:16px;
}

.rte-toolbar ul li.separator {
	height:16px; 
	margin:5px;
	border-left:1px solid #ccc; 
}

.rte-toolbar ul li a {
	border:1px solid #fdfdfd;
	display:block; 
	width:16px; 
	height:16px; 
	background:url('../images/rte_icons.gif') no-repeat 0 0; 
	cursor:pointer; 
	margin:0;
	padding:0; 
	/*opacity:0.5;*/
	/*-moz-opacity:0.5;*/
	/*filter:alpha(opacity = 50);*/
}

.rte-toolbar ul li a:hover, .rte-toolbar ul li a.active {
	opacity:1.0; 
	-moz-opacity:1.0;
	filter:alpha(opacity = 100);
}

.rte-toolbar ul li a.active {
	background-color:#f9f9f9; 
	border:1px solid #ccc; 
}

.rte-toolbar ul li a.empty {background-position:0px 0px;}
.rte-toolbar ul li a.bold {background-position:0 -112px;}
.rte-toolbar ul li a.italic {background-position:0 -128px;}
.rte-toolbar ul li a.strikeThrough {background-position:0 -144px;}
.rte-toolbar ul li a.underline {background-position:0 -160px;}
.rte-toolbar ul li a.subscript {background-position:0 -176px;}
.rte-toolbar ul li a.superscript {background-position:0 -192px;}
.rte-toolbar ul li a.disable {background-position:0 -480px;}
.rte-toolbar ul li a.enable {background-position:0 -592px;}
.rte-toolbar ul li a.unorderedList {background-position:0 -320px;}
.rte-toolbar ul li a.orderedList{background-position:0 -336px;}
.rte-toolbar ul li a.justifyLeft {background-position:0 -16px;}
.rte-toolbar ul li a.justifyCenter {background-position:0 -32px;}
.rte-toolbar ul li a.justifyRight {background-position:0 -48px;}
.rte-toolbar ul li a.justifyFull {background-position:0 -64px;}
.rte-toolbar ul li a.indent {background-position:0 -80px;}
.rte-toolbar ul li a.outdent {background-position:0 -96px;}
.rte-toolbar ul li a.removeFormat {background-position:0 -352px;}
.rte-toolbar ul li a.h1 {background-position:0 -208px;}
.rte-toolbar ul li a.h2 {background-position:0 -224px;}
.rte-toolbar ul li a.h3 {background-position:0 -240px;}
.rte-toolbar ul li a.h4 {background-position:0 -256px;}
.rte-toolbar ul li a.h5 {background-position:0 -272px;}
.rte-toolbar ul li a.h6 {background-position:0 -288px;}
.rte-toolbar ul li a.increaseFontSize {background-position:0 -512px;}
.rte-toolbar ul li a.decreaseFontSize {background-position:0 -528px;}
.rte-toolbar ul li a.image {background-position:0 -560px;}
.rte-toolbar ul li a.word {background-position:0 -576px;}
.rte-toolbar ul li a.clear {background-position:0 -608px;}
.rte-toolbar ul li a.link {background-position:0 -384px;}
.rte-toolbar ul li a.color {background-position:0 -624px;}
.rte-toolbar ul li a.unlink {background-position:0 -640px;}
.rte-toolbar ul li a.specialChracter {background:url('../images/iconRTESpecialCharacterPanel.gif') no-repeat 0 0;}


/* -------------------------------------------------------------------------
   The Compass
   ------------------------------------------------------------------------- */

.compass,
.bezel,
.north-bgnd,
.east-bgnd,
.south-bgnd,
.west-bgnd,
.play-bgnd {
	position:absolute;
	overflow:hidden;
	background-image:url("../images/utilCompass.png");
	background-position:84px 0;
	background-repeat:no-repeat;
	z-index:0;
	}

.compass {
	position:absolute;
	top:4px;
	left:50%;
	margin-left:-42px;
	width:84px;
	height:84px;
	background-position:0 0;
	z-index:1001;
	}

.compass .north, .compass .east, .compass .south, .compass .west, .compass .play {
	position:absolute;
	cursor:pointer;
	z-index:10;
}

.compass .north {
	top:0;
	left:26px;
	width:32px;
	height:26px;
	}

.north-bgnd {
	top:0;
	left:0;
	width:84px;
	height:42px;
	}

.north-bgnd.hover {background-position:0 -84px;}
.north-bgnd.active {background-position:0 -168px;}

.compass .east {
	top:26px;
	right:0;
	width:26px;
	height:32px;
	}

.east-bgnd {
	top:0;
	right:0;
	width:42px;
	height:84px;
	}

.east-bgnd.hover {background-position:-42px -252px;}
.east-bgnd.active {background-position:-42px -336px;}

.compass .south {
	bottom:0;
	left:26px;
	width:32px;
	height:26px;
	}

.south-bgnd {
	bottom:0;
	left:0;
	width:84px;
	height:42px;
	}

.south-bgnd.hover {background-position:0 -126px;}
.south-bgnd.active {background-position:0 -210px;}

.compass .west {
	top:26px;
	left:0;
	width:26px;
	height:32px;
	}

.west-bgnd {
	top:0;
	left:0;
	width:42px;
	height:84px;
	}

.west-bgnd.hover {background-position:0 -252px;}
.west-bgnd.active {background-position:0 -336px;}

.compass .play, .play-bgnd {
	top:29px;
	left:29px;
	height:26px;
	width:26px;
	z-index:20;
	}

.play-bgnd {
	background-position:-1px -421px;
	z-index:19;
}

.play-bgnd.hover {background-position:-29px -421px;}
.play-bgnd.active {background-position:-57px -421px;}

.bezel {
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.bezel.inner {
	background-position:0 -448px;
	z-index:6;
	}

.bezel.outer {
	background-position:0 -532px;
	z-index:5;
	}

/*add by ZengXiujun 2014/4/23 start*/
/* SRM Full MSA Item Status Color:green*/
.SRMFullMSAItemStatusColorGreen{
	background-color:#00FF00;
	background-color:#00FF00 !important;
        *background-color:#00FF00 !important;
        *background-color:#00FF00;
        background-color:#00FF00;
}

/* SRM Full MSA Item Status Color:yellow*/
.SRMFullMSAItemStatusColorYellow{
	background-color:#FFFF00;
	background-color:#FFFF00 !important;
        *background-color:#FFFF00 !important;
        *background-color:#FFFF00;
        background-color:#FFFF00;
}

/* SRM Full MSA Item Status Color:red*/
.SRMFullMSAItemStatusColorRed{
	background-color:#EE0000;
	background-color:#EE0000 !important;
        *background-color:#EE0000 !important;
        *background-color:#EE0000;
        background-color:#EE0000;
}

/* SRM Full MSA Item Status Color:gray*/
.SRMFullMSAItemStatusColorGray{
	background-color:#8B8B83;
	background-color:#8B8B83 !important;
        *background-color:#8B8B83 !important;
        *background-color:#8B8B83;
        background-color:#8B8B83;
}

/* SRM Volumes Left:gray*/
.SRMVolumesCellTextLeft{
	padding-right:100px;
	padding-right:100px !important;
    *padding-right:100px !important;
    *padding-right:100px;
    padding-right:100px;
}

/* SRM MSA Lite Assessment Color: green*/
.SRMMSALiteAssessmentColorGreen{
	color:#00FF00;
	color:#00FF00 !important;
        *color:#00FF00 !important;
        *color:#00FF00;
        color:#00FF00;
}

/* SRM MSA Lite Assessment Color:yellow*/
.SRMMSALiteAssessmentColorYellow{
	color:#FFFF00;
	color:#FFFF00 !important;
        *color:#FFFF00 !important;
        *color:#FFFF00;
        color:#FFFF00;
}
/* SRM MSA Lite Assessment Color:blue*/
.SRMMSALiteAssessmentColorBlue{
		color:#0000FF;
}
/* SRM MSA Lite Assessment Color:red*/
.SRMMSALiteAssessmentColorRed{
	color:#EE0000;
	color:#EE0000 !important;
        *color:#EE0000 !important;
        *color:#EE0000;
        color:#EE0000;
}
/*add by ZengXiujun 2014/4/23 end*/
/* SRM MSA Lite Assessment Color:Not Scored*/
.SRMMSALiteAssessmentColorNotScored{
	color:#535552;
	color:#535552 !important;
        *color:#535552 !important;
        *color:#535552;
        color:#535552;
}
/*add by ZengXiujun 2014/4/23 end*/
/* SRM SAD Milestone Change view Color:red*/
.SRMSADMilestoneChangeColorRedAndFontCenter{
	font-weight:800;
	padding-top:5px;
	padding-bottom:-1px;
	color:#EE0000;
	
}
/* SRM MSA Lite Assessment Color:Blue*/

.SRMMSALiteAssessmentColorBlue{
	color:#0000FF;
	color:#0000FF !important;
        *color:#0000FF !important;
        *color:#0000FF;
        color:#0000FF;
}
/*add by fudekang 2015/6/02 end*/


.SRMPPAPElementStatusColorGreen{
    background-color:#00CC33;
    background-color:#00CC33 !important;
        *background-color:#00CC33 !important;
        *background-color:#00CC33;
        background-color:#00CC33;
}

/* SRM Full MSA Item Status Color:yellow*/
.SRMPPAPElementStatusColorYellow{
    background-color:#FFFF00;
    background-color:#FFFF00 !important;
        *background-color:#FFFF00 !important;
        *background-color:#FFFF00;
        background-color:#FFFF00;
}

/* SRM Full MSA Item Status Color:red*/
.SRMPPAPElementStatusColorRed{
    background-color:#EE0000;
    background-color:#EE0000 !important;
        *background-color:#EE0000 !important;
        *background-color:#EE0000;
        background-color:#EE0000;
}

.SRMElementStatusColorComplete{
    background-color:#999999;
    background-color:#999999 !important;
        *background-color:#999999 !important;
        *background-color:#999999;
        background-color:#999999;
}

.SRMElementStatusColorGrey{
    background-color:#707070;
    background-color:#707070 !important;
        *background-color:#707070 !important;
        *background-color:#707070;
        background-color:#707070;
}

.SRMElementStatusColorGrayish{
    background-color:#BCBCBC;
    background-color:#BCBCBC !important;
        *background-color:#BCBCBC !important;
        *background-color:#BCBCBC;
        background-color:#BCBCBC;
}


/*TR Report Status color :red*/
.SRMPPTRReportStatusColorRed{
    background-color:#EE0000;
    background-color:#EE0000 !important;
        *background-color:#EE0000 !important;
        *background-color:#EE0000;
        background-color:#EE0000;
}
/*TR Report Status color :green*/
.SRMPPTRReportStatusColorGreen{
    background-color:#00CC33;
    background-color:#00CC33 !important;
        *background-color:#00CC33 !important;
        *background-color:#00CC33;
        background-color:#00CC33;
}
/*TR Report Status color :yellow*/
.SRMPPTRReportStatusColorYellow{
    background-color:#FFFF00;
    background-color:#FFFF00 !important;
        *background-color:#FFFF00 !important;
        *background-color:#FFFF00;
        background-color:#FFFF00;
}

/*add by zhou.yao 2019.1.3
/* SRM NPP Lead Time Configure Status Color:yellow*/
.SRMNPPLeadTimeConfigurePlanDateColorYellow{
	background-color:#FFFF00 !important;
}

/* SRM NPP Lead Time Configure Status Color:red*/
.SRMNPPLeadTimeConfigurePlanDateColorRed{
	background-color:#EE0000 !important;
}

/* SRM NPP Lead Time Configure Status Color:white*/
.SRMNPPLeadTimeConfigurePlanDateColorWhite{
	background-color:#FFFAFA !important;
}