@import url("/fp/shared/tabs/tabs.css");
@import url("/fp/shared/wizard/wizard.css");
@import url("/fp/shared/daclEditor/daclEditor.css");
@import url("/fp/shared/treeViewMultiSelect/treeViewMultiSelect.css");
@import url("/fp/shared/calendar2/calendar2.css");
@import url("/fp/shared/multiSelect/multiSelect.css");
@import url("/fp/shared/treeMenu/treeMenu.css");
@import url("/fp/shared/treeView/treeView.css");
@import url("/fp/shared/treeView2/treeView.css");
@import url("/fp/shared/dynList/dynList.css");
@import url("/fp/shared/itemList/itemList.css");
@import url("/fp/aspen/styles/list.css");
@import url("/fp/shared/formElement/formElement.css");
@import url("/fp/shared/buttonTabs/buttonTabs.css");
@import url("/fp/shared/editInPlace/editInPlace.css");
@import url("/fp/shared/pagePopup/pagePopup.css");

.row0 { background-color: #ffffff; }
.row1 { background-color: #eeeeee; }

.x-html-editor-tb .x-edit-insertimage .x-btn-text
{
	
	background: transparent url("/fp/cms/styles/images/insertImage.gif") no-repeat scroll 0pt;
}

.x-html-editor-tb .x-btn-fullJustify .x-btn-text
{
	background: transparent url("/fp/cms/styles/images/fullJustify.gif") no-repeat scroll 0pt;
}

.x-html-editor-tb .x-edit-insertchart .x-btn-text
{	
	background: transparent url("/csr/styles/images/ic_chart.gif") no-repeat scroll 0pt;
}

.x-html-editor-tb .x-edit-inserttable .x-btn-text
{	
	background: transparent url("/csr/styles/images/ic_form.gif") no-repeat scroll 0pt;
}


/**************************
 panel
 **************************/

div.frame div.formElement input.text {
	font-size:8pt;
	padding:0px;
	color:Black;
}

div.panelHeader,
div.panelHeaderOpen,
div.panelHeaderClosed {
	background:#888;
	border-bottom:1px solid #555;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:2px 0 1px 0px;	
	margin-bottom:2px;
	cursor:pointer;
}

div.panelHeader {
	padding-left:5px;
}
div.panelHeaderOpen {
	background:#888 url(/fp/shared/images/sortAsc.gif) no-repeat right 3px;
	border-bottom:1px solid #555;
}
div.panelHeaderClosed {
	background:#bbb url(/fp/shared/images/sortDesc.gif) no-repeat right 3px;
	color:#fff;
	border-bottom:1px solid #888;
}




img.miniButton {
	padding:0px 0px 0px 0px;
	border:1px solid #000;
	background:#999;
	cursor:pointer;
	margin:3px 2px 3px 0px;
}


  
.miniToolbar {
	background:url(/fp/shared/images/toolbar_back2.gif) #ddd;
	border-left:1px outset #fff;
	border-right:1px outset #fff;
	border-bottom:1px outset #fff;
	height:22px;
}


.miniToolbar img.buttonFloatRight  {
	padding:0px 7px 0px 7px;
	border:1px solid #000;
	background:#999;
	cursor:pointer;
	margin:3px 2px 3px 0px;
	display:block;
	float:right;
}

.miniToolbar img.buttonFloatLeft  {
	padding:0px 7px 0px 7px;
	border:1px solid #000;
	background:#999;
	cursor:pointer;
	margin:3px 0px 3px 2px;
	display:block;
	float:left;
}

.miniToolbar img.buttonFloatRightDisabled  {
	padding:0px 7px 0px 7px;
	background:#ccc;
	border:1px solid #999;
	margin:3px 2px 3px 0px;
	display:block;
	float:right;
}

img.buttonFloatLeftDisabled  {
	padding:0px 7px 0px 7px;
	background:#ccc;
	border:1px solid #999;
	margin:3px 0px 3px 2px;
	display:block;
	float:left;
}

div.miniToolbar div.button {
	float:left;
	height:16px;
	margin-top:3px;
	margin-right:0px;
	padding-right:8px;
	padding-left:8px;
	border-right:2px inset #cce;
}

div.miniToolbar div.button a {
	color:#000;
	text-decoration:none;
	height:16px;
	display:block;
	float:left;
}

div.miniToolbar div.button a:hover {
	text-decoration:underline;
}


/**************************
 dyntab
 **************************/
h2 div.mandatory {	
	padding-right:14px;
	display:inline;		
	background:url(/fp/shared/images/mandatory.gif) no-repeat right 0px;
}






/***************************
 tips, hints, query and help
 ***************************/

div.tools a
div.tip a
div.help a,
div.query a {
	color:#444;
	text-decoration:none;
}
div.tools a:hover,
div.tip a:hover,
div.help a:hover,
div.query a:hover {
	color:#444;
	text-decoration:underline;
}

div.tools {
	border:1px solid #bbb;
	background:url(/fp/shared/images/tools.gif) no-repeat 5px 8px #eeeed7;
	padding:9px 0 8px 34px;
	margin:0.5em 0 0.5em 0;
}

div.tip {
	border:1px solid #bbb;
	background:url(/fp/shared/images/tip.gif) no-repeat 5px 8px #eeeed7;
	padding:9px 0 8px 34px;
	margin:0.5em 0 0.5em 0;
}

div.help {
	border:1px solid #bbb;
	background:url(/fp/shared/images/help.gif) no-repeat 5px 5px #eeeed7;
	padding:9px 0 8px 34px;
	margin:0.5em 0 0.5em 0;
}

div.query {
	border:1px solid #bbb;
	background:url(/fp/shared/images/query.gif) no-repeat 5px 5px #eeeed7;
	padding:9px 0 8px 34px;
	margin:0.5em 0 0.5em 0;
}

div.tabPane div.info {
	border:none;
	border-bottom:1px dotted #aaa;
	padding:0 0 6px 0;
	color:#444;
}

div.borderlessTabs div.info,
div.info {
	border:1px solid #bbb;
	font-size:97%;
	background:#eeeed7;/*url(/fp/shared/images/popupBackground.gif) repeat-x */
	padding:5px 5px 5px 5px;
	margin:0.5em 0 0.5em 0;
}



div.infoFirstSection,
div.infoSection {
	display:inline;
	float:left;
	margin-right:1em;
}
div.infoSection {
	border-left:2px outset #fff;
	padding-left:1em;
}

div.info p,
div.query p,
div.help p,
div.tip p,
div.tools p {
	padding:0px; 
	margin:0 0 .75em 0;
}

div.info select {
	font-size:95%;
	margin-top:4px;
	margin-bottom:0px;
} 
 


/***************************
 aspenPopupMenu
 ***************************/
div.aspenPopupMenu {
	position:absolute;
	border:2px outset #fff;
	background:#eee;
	color:#000;
	font-family:verdana;
	font-size:11px;
	display:none;
	z-index: 999;
}

div.aspenPopupMenu div.separator {
	border-bottom:2px inset #fff;
	position:relative;
	margin:2px 3px 2px 3px;
}

div.aspenPopupMenu div.item,
div.aspenPopupMenu div.itemSelected {
	padding:2px 6px 2px 6px;
	cursor:pointer;
	position:relative;
}

div.aspenPopupMenu div.itemSelected {
	background:#316AC5;
	color:#fff;
}




/***************************
 Treeview + treemenu icons
 ***************************/
div.treeView div.DINTTable {
	background:url(/fp/shared/images/ic_table.gif) no-repeat 0 0;
	padding:0px 0 4px 20px;
	margin-left:16px;
}
div.treeMenu div.DINTTable {
	background:url(/fp/shared/images/ic_table.gif) no-repeat 0 0;
	padding:2px 0 4px 20px;
}


div.treeView div.AspenJob {
	background:url(/fp/shared/images/ic_aspenjob.gif) no-repeat 0 0;
	padding:0px 0 4px 20px;
	margin-left:16px;
}

div.AspenJob {
	background:url(/fp/shared/images/ic_aspenjob.gif) no-repeat 0 0;
	padding:0px 0 0px 20px;
}

div.treeView div.Menu {
	background:url(/fp/shared/images/ic_menu.gif) no-repeat 0 0;
	padding:0px 0 4px 20px;
	margin-left:16px;
}









a.fn {
	font-size:12px;
	padding:0px 2px 0px 2px;
	background:#ccc;
	border:#fff outset 2px;
	color:#fff;
	font-weight:normal;
}

a.fn:link,
a.fn:hover,
a.fn:visited {
	color:#fff;
	text-decoration:none;
}
a.fn:hover {
	background:#999;
}


a.footnote {
	font-size:12px;
	padding:0px 2px 0px 2px;
	background:#fff;
	border:#BBB solid 1px;
	color:#555;
	font-weight:normal;
}

a.footnote:link,
a.footnote:hover,
a.footnote:visited {
	color:#555;
	text-decoration:none;
}
a.footnote:hover {
	background:#ddd;
	color:#000;
}



/***************************
 Basic furniture
 ***************************/
.fieldName 			{ padding-top: 6px;}
.fieldNameError { color:#dd0000; padding-top: 6px; } 
.fieldValue 		{  }

.message				{ 
	font-weight:bold; color:#0066CC; background-color: #dddddd; padding:3px; margin-top:5px; 
}

A.nullLink  { color:#000000; text-decoration:none; }

.point1,.point2,.point3,.point4,.point5 {
	background-repeat: no-repeat;
  padding-left:29px;
  font-size: 90%;
  font-family: arial, sans-serif;
}
.point1 p,.point2 p,.point3 p,.point4 p,.point5 p {
	margin:1em 0 1em 0;
}
.point1 {
	background-image: url(/fp/aspen/styles/images/point1.gif);
}
.point2 {
	background-image: url(/fp/aspen/styles/images/point2.gif);
}
.point3 {
	background-image: url(/fp/aspen/styles/images/point3.gif);
}
.point4 {
	background-image: url(/fp/aspen/styles/images/point4.gif);
}
.point5 {
	background-image: url(/fp/aspen/styles/images/point5.gif);
}

a.abbreviate:link,
a.abbreviate:visited,
a.abbreviate:hover {
      text-decoration:none;
      color:#000;
}

.error {
  color:#fff;
  font-size:120%;
  font-weight:bold;
  /*border:2px double #fa0;*/
  padding:4px;
  margin:4px 0 4px 0;
  background-color:#d00
}

.error a {
	color:#fff;
}

table.readOnlyBlock {
	margin-bottom:1em;
	border-collapse:collapse;
}

table.readOnlyBlock tr.top td {
	border-top:1px solid #aaa;
}

table.readOnlyBlock tr td {
	border-bottom:1px solid #aaa;
}

table.readOnlyBlock td.fieldName {
	background:#eeeed7;	
	text-align:right;
	font-weight:bold;
	padding:2px 4px 2px 4px;
}
table.readOnlyBlock td.fieldValue {
	text-align:left;
	padding:2px 4px 2px 4px;
}

/***************************
 Compact block
 ***************************/
div.compactEditBlock {
	border-bottom:2px solid #88a;
}
div.compactEditBlock div.helpSection {
	border-top:1px solid #88a;
	padding:4px 4px 4px 4px;
} 
div.compactEditBlock div.helpSection h2 {
	font-weight:normal;
	font-size:120%;
	padding:0px;
	margin:0px;
} 
div.compactEditBlock div.helpSection p {
	padding:0px;
	margin:0px;
	font-size:80%;
}
div.compactEditBlock div.inputSection {
	background:#eeeed7;
	padding:8px 8px 8px 8px;
} 
div.compactBlock div.inputSection div.fieldName {
	margin-bottom:2px;
}
div.compactBlock div.inputSection div.fieldValue {
	margin-bottom:4px;
}

div.compactEditBlock div.helpSection ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:12px;
}

div.compactEditBlock div.helpSection ul li a {
	color:#000;
	text-decoration:none;
}
div.compactEditBlock div.helpSection ul li a:hover {
	text-decoration:underline;
}


/***************************
 Edit block
 ***************************/
    
table.editBlock {
	margin:15px 0 10px 0;
	border-bottom:2px solid #88a;
	border-collapse:collapse;
}

table.editBlock tr td {
	border-top:1px solid #88a;
	vertical-align:top;
}
table.editBlock tr td table tr td {
	border-top:none;
}

table.editBlock tr td.helpSection {
	padding:6px 20px 10px 0px;
	background:#fff;
}

table.editBlock tr td.helpSection h2 {
	font-weight:bold;
	font-size:120%;
	padding:0px;
	margin:0px;
	background:none;
	color:#099;
}

table.editBlock tr td.helpSection p {
	font-size:85%;
	margin:10px 0 5px 0;
}

table.editBlock tr td div.insetPanel {
	overflow:auto;
	background:#fff;
	border:2px #fff inset;
}

table.editBlock tr td.inputSection {
	background:#eeeed7;
	padding:4px 20px 20px 12px;
}

table.editBlock tr td.inputSection div.fieldName {
	margin-bottom:2px;
}
table.editBlock tr td.inputSection div.fieldValue {
	margin-bottom:4px;
}
table.editBlock tr td.inputSection div.note {
	color:#667;
	font-size:77%;
}
div.compactEditBlock div.inputSection div.note {
	color:#667;
	font-size:77%;
}





 
 
/***************************
 Edit block
 ***************************/
    
table.editBlock {
	margin:15px 0 10px 0;
	border-bottom:2px solid #88a;
}

table.editBlock tr td {
	border-top:1px solid #88a;
	vertical-align:top;
}
table.editBlock tr td table tr td {
	border-top:none;
}

table.editBlock tr td.helpSection {
	padding:6px 20px 10px 0px;
}

table.editBlock tr td.helpSection h2 {
	font-weight:normal;
	font-size:130%;
	padding:0px;
	margin:0px;
}

table.editBlock tr td.helpSection p {
	font-size:85%;
	margin:10px 0 5px 0;
}

table.editBlock tr td.inputSection {
	background:#eeeed7;
	padding:4px 20px 20px 12px;
}

table.editBlock tr td.inputSection div.fieldName {
	margin-bottom:2px;
}
table.editBlock tr td.inputSection div.fieldValue {
	margin-bottom:4px;
}
table.editBlock tr td.inputSection div.note {
	color:#667;
	font-size:77%;
}
div.compactEditBlock div.inputSection div.note {
	color:#667;
	font-size:77%;
}




/***************************
 Toolbar
 ***************************/
div.toolbar {
	font-size:12px;
	background:url(/fp/shared/images/toolbar_back.gif) repeat-x #f0f0f0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #bbb;
	padding:6px 4px 4px 4px;
	height:18px;
	margin:0 0 10px 0;
}
div.button select {
	font-size:10px;
	padding:0px;
	margin:0px;
}
div.toolbar div.button {
	float:left;
	height:16px;
	margin-right:8px;
	padding-right:8px;
	border-right:2px inset #cce;
}

div.toolbar div.button a {
	color:#000;
	text-decoration:none;
	height:16px;
	display:block;
	float:left;
}

div.toolbar div.button a:hover {
	text-decoration:underline;
}

.ext-gecko .x-btn button.tbEdit,
.x-btn button.tbEdit,
div.button a.tbEdit {
	background:url(/fp/shared/images/ic_edit.gif) no-repeat;
	padding-left:20px;
}

/* some standard buttons */
.ext-gecko .x-btn button.tbSave,
.x-btn button.tbSave,
div.button a.tbSave {
	background:url(/fp/shared/images/ic_save.gif) no-repeat;
	padding-left:20px;
	cursor:pointer;
}

div.button a.tbOpen {
	background:url(/fp/shared/images/ic_open.gif) no-repeat;
	padding-left:20px;
}

.ext-gecko .x-btn button.tbEdit,
.x-btn button.tbEdit,
div.button a.tbEdit {
	background:url(/fp/shared/images/ic_edit.gif) no-repeat;
	padding-left:20px;
}

.ext-gecko .x-btn button.tbNew,
.x-btn button.tbNew,
div.button a.tbNew {
	background:url(/fp/shared/images/ic_new.gif) no-repeat;
	padding-left:20px;
}

.ext-gecko .x-btn button.tbCopy,
.x-btn button.tbCopy,
div.button a.tbCopy {
	background:url(/fp/shared/images/ic_copy.gif) no-repeat;
	padding-left:20px;
}

.ext-gecko .x-btn button.tbBack,
.x-btn button.tbBack,
div.button a.tbBack {
	background:url(/fp/shared/images/ic_return.gif) no-repeat;
	padding-left:20px;
}

.ext-gecko .x-btn button.tbDelete,
.x-btn button.tbDelete,
div.button a.tbDelete {
	background:url(/fp/shared/images/ic_delete.png) no-repeat;
	padding-left:20px;
}

.ext-gecko .x-btn button.tbExcel,
.x-btn button.tbExcel,
div.button a.tbExcel {
	background:url(/fp/shared/images/exceldoc.gif) no-repeat;
	padding-left:20px;
}

/***************************
 Old style Tabs
 ***************************/
table.tab .normal { color:#000; font-size:9pt; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:4px;  background-color:#eeeeee; }
table.tab .selected { color:#000; font-size:9pt; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:4px; background-color:#cccccc; }
table.tab .bar { background-color:#cccccc; }
          
table.tab A:link    { color:#000000; text-decoration:none; }
table.tab A:visited { color:#000000; text-decoration:none; }
table.tab A:hover   { color:#000000; text-decoration:underline; } 


div.frame { background-color: #eeeeee; padding:.5em; margin-top:8px; margin-bottom:8px; }
div.frame .title { font-size:10pt; font-weight:bold; padding-bottom:10px; color:#0066CC;}
div.frame .subtitle { font-size:9pt; font-weight:bold; padding-top:12px; }
div.frame .hint { font-size:8pt; font-style:oblique; padding-top:4px; padding-bottom:4px; }
div.frame input { font-size: 8pt }