/*------------------------------------------------------------------------------
|  IE BUG FIXES
+ ----------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
|  new CSS layout
|  source: http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/
+ ----------------------------------------------------------------------------*/
html,
body {
margin:0;
padding:0;
height:100%; /* 100 % height */
}
html>body #wrap {height:100%;} /* 100 % height */
html{/* background:#ccc; */}
body {
/*
border-left:5px solid #ccc;
border-right:5px solid #ccc;
*/
background:#FFFFFF;
}
html>body #content-wrap {
height:100%; /* 100 % height */
}

#headerNoScroll {
width:100%;
background-color:white;
}
html>body #headerNoScroll {
position:fixed;
z-index:9999; /* Prevent certain problems with form controls */
}
html>body #contentHeaderYesLeftYesNoScroll { /* header visible, left panel visible */
padding:13.5em 0.5em 10em 160px;
margin:0 5px 0 5px;
}
html>body #contentHeaderNoLeftYesNoScroll { /* header not visible, left pane visible */
padding:8.0em 0.5em 10em 160px;
margin:0 5px 0 5px;
}
html>body #contentHeaderYesLeftNoNoScroll { /* header visible, left panel not visible */
padding:13.5em 0.5em 10em 7px;
margin:0 5px 0 5px;
}
html>body #contentHeaderNoLeftNoNoScroll { /* header not visible, left panel not visible */
padding:8.0em 0.5em 10em 7px;
margin:0 5px 0 5px;
}

#header {
width:100%;
background: url('../images/pattern.png') repeat-x scroll left top #FFF;
margin: 0 auto;
}
html>body #header {
z-index:9999; /* Prevent certain problems with form controls */
}
html>body #contentHeaderYesLeftYes { /* header visible, left panel visible */
padding:0.5em 0.5em 10em 160px;
margin:0 5px 0 5px;
}
html>body #contentHeaderNoLeftYes { /* header not visible, left pane visible */
padding:0.5em 0.5em 10em 160px;
margin:0 5px 0 5px;
}
html>body #contentHeaderYesLeftNo { /* header visible, left panel not visible */
padding:0em 0.5em 10em 7px;
margin:0 5px 0 5px;
}
html>body #contentHeaderNoLeftNo { /* header not visible, left panel not visible */
padding:0em 0.5em 10em 7px;
margin:0 5px 0 5px;
}

html>body #eheader {
position:fixed;
z-index:9999; /* Prevent certain problems with form controls */
width:100%;
}
html>body #econtent {
padding:9em 0.5em 0em 0.5em; /* 9em = height of #header and #footer + 1em, 1em = give the content some breathing space */
}

/*
#footer {
text-align:center;
width:100%;
height:10px;
background-color:#CCCCCC;
}
#footer a {
font-size:6pt;
}
html>body #footer {
position:fixed;
bottom:0;
z-index:9998;
}
*/
#paneLeft {
position:absolute;
margin-top: 11px;
left:0px;
height: 100%;
overflow: hidden;
width: 150px;
border-right: 1px #E4E4E4 solid;
background-color: white;
}
#Dashboard {
margin-top:9px;
}
.workspaceDashboard {
width:100%;
padding:0;
margin:0;
border-collapse: collapse;
border-spacing:0;
}
.dashlet {
border:1px solid #DDDDDD;
background-color: #F5F5DC;
}
.dashletTitle {
font-weight:bold;
padding:2px;
background: url('../images/pattern.png') repeat-x scroll top left #FFF;
border-bottom:1px solid #DDDDDD;
height:14px;
}
#breadcrum {
background:#E95D0E;
margin:0px 11px 0 11px;
}
#breadcrum a {
font-size:11pt;
color: #FFF;

}
#breadcrum a.current {

}
#breadcrumBorder {
padding:5px;
white-space:nowrap;
overflow:hidden;
}
#etitle {
/*
padding:11px 0px 9px 7px;
background-image: url('../images/bc.png');
background-repeat: repeat-x;
background-position: left top;
  */
margin:2px;
padding:3px;
background: url('../images/pattern.png') repeat-x scroll top left #FFFFFF;
color:#444;
font-size:12pt;
font-weight:bold;
}
#hider {
margin:0;
padding:0;
left:-9999px;
width:0px;
height:0px;
overflow:hidden;
}
#rootPanel {
width:200px;
}
#rootPanel .bd {
height:auto;
}
.opDialog {
width:40em;
position:relative;
display:none;
}
.multiEditDialog {
width:31em;
position:relative;
display:none;
}
#OperationDialogHolder{
position: absolute;
background-color: #EEEEEE;
display: none;
left: 10%;
width: 80%;
margin: 10px;
padding-right: 10px;
padding-left: 20px;
z-index: 5000;
box-shadow: 8px 10px 10px rgba(0,0,0,0.5),inset 8px 10px 10px rgba(255,255,255,0.75);
-o-box-shadow: 8px 10px 10px rgba(0,0,0,0.5),inset 8px 10px 10px rgba(255,255,255,0.75);
-webkit-box-shadow: 8px 10px 10px rgba(0,0,0,0.5),inset 8px 10px 10px rgba(255,255,255,0.75);
-moz-box-shadow: 8px 10px 10px rgba(0,0,0,0.5),inset 8px 10px 10px rgba(255,255,255,0.75);
}
.OperationDialogTitle {
text-align: left;
text-decoration: none;
font-size: 11px;
padding: 4px;
color: white;
background-color: #555555;
}
#OperationDialogEmbedder{
float: right;
z-index: 5001;
cursor: pointer;
}
#OperationDialog{
width: 100%;
clear: both;
}
#OperationDialogResponse{
display: none;
}
.dragged {
background-color: #EEEEEE;
}

/*------------------------------------------------------------------------------
|  general layout
+ ----------------------------------------------------------------------------*/

td {
padding:0;
margin:0;
border:0;
}

/*
ol, ul {
list-style-type:square;
list-style-position:outside;
margin-left:20px;
}
*/
a {
text-decoration: none;
}

a:hover {
color: black;
/*background-color: #DDDDDD;*/
}


/* define consistent font-size across various browsers */
*, * td, * ul {
font-family: tahoma,verdana,arial,sans-serif;
text-decoration:none;
font-size: 9pt;
color:#000;
}
.smallFont {
font-size:8pt;
}

img {
border:0;
}

.hilite {
display:block;
padding: 5px 0 5px 5px;
background-color:#E95D0E;
color:#FFF;
cursor:pointer;
margin-bottom: 1px solid #FFF;
}

input[type=submit], input[type=button] {
background-color:#f2f2f2;
border:solid 1px #dddddd;
padding:4px;
font-size:10pt;
color:#000;
}

input[type=submit]:hover, input[type=button]:hover{
color:#FFF;
background-color:#E95D0E;
border:solid 1px #ccc;
}

.abutton {
background-color:#E95D0E;
border:solid 1px #f2f2f2;
padding:4px;
font-size:10pt;
color:#fff;
}
.abutton:hover{
color:#000000;
background-color:#f2f2f2;
border:solid 1px #E95D0E;
}
#head .abutton {
/*border:solid 1px #fff;*/
}
#head .abutton:hover{
color:#000000;
background-color:#fff;
/*border:solid 1px #ccc;*/
}
.wide{
width: 100%;
}
#inspIcon{
padding-top:5px;
}
#inspTitle{
padding-left: 5px;
width: 100%;
font-size:20px;
}
#inspClose{
border: 1px solid #CCCCCC;
font-size:20px;
}
#searchButton {
width:25px;
height:18px;
padding:0 8px 0 0;
margin:5px 14px 0 6px;
float:right;
cursor: pointer;
background-image: url('../images/searchImg.png');
background-repeat: no-repeat;
background-position: top right;
}
#searchButton:hover {
background-image: url('../images/searchImgSelected.png');
}
#searchBox {
float:right;
margin:1px 0 0 0;
}
#SearchInput {
}
#searchExpression {
margin:1px 0px 0px 0px;
height:13px;
}
#segmentLogo {
text-align:center;
color:#FFFFFF;
}
#menuFlyIn {
position:absolute;
z-index:1000;
left:-4px;
}
#menuOps {
padding: 2px 0 2px 5px;
overflow: hidden;
white-space:nowrap;
background-color:#CCCCCC;
margin:0 11px 0 11px;
border-top: 0px solid #E0E0E0;
}
#opMenu{
padding-top: 2px;
padding-bottom: 3px;
margin-left: -2px;
margin-top: 2px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
#inspector{
	margin-top:15px;
}
#info {
	width:100%;
	padding:0;
	margin:0;
	border-collapse: collapse;
	border-spacing:0;
}
#logoTable {
	background: url('../images/headerBg.gif') repeat scroll left top #FFF;
	box-shadow: 0 1px 2px #000;
	padding:0 9px 0px 9px;
	color:#FFF;
}
#logoTableNH {
display:none;
}
#headerlayout {
width: 100%;
}
#headerCellLeft {
/* padding-left: 8px;*/
cursor:pointer;
}
#headerCellSpacerLeft {
	padding-left: 4px;
	/*background-color: #E4E4E4;*/
}
#headerCellMiddle {
	width: 100%;
	/*background-color: #E4E4E4;*/
	padding-top: 2px;
	padding-left: 0px;
}
#headerMiddleLayout {
	border-collapse: collapse;
	border-spacing: 2px;
	width: 100%;
}
#headerMiddleLayout tr td {
/*border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;*/
padding: 2px 5px 1px 10px;
width:33%;
}
#headerMiddleLayout tr td span {
font-size:9pt;
padding-left: 3px;
}
#hm1 td, #hm2 td {
height:25px;
white-space:nowrap;
}
#hm1 span {
color:#000;
}
#hm1 ul { padding-bottom:2px;}
#hm1 #nav li a {
font-size:9pt;
font-weight:normal;
margin-right:20px;
}
#hm2 #nav li a {
font-size:10pt;
font-weight:normal;
overflow:hidden;
color:#000;
}
#hm1 .abutton, #hm2 .abutton {
font-size:8pt;
white-space:nowrap;
}

#headerCellRight {
padding-right: 0px;
}
#rootMenuAnchor {
padding:0px 0px 1px 1px;
cursor:pointer;
}
#menuFlyIn li ul {
margin-top: 0px;
}
#menuRoot {
display:block;
margin-top:10px;
margin-bottom:20px;
}
#nav-calendar{
margin-top:13px;
}
#timestamp{
font-size: 9px;
color: #888;
background: #fff;
font-family: tahoma,verdana,sans-serif;
}
#stickyNote{
width: 100%;
background-color:#F6D66D;
border:1px solid #CCCCCC;
}
.clicked{
border: solid 1px green;
}
#reloadIcon {
float:left;
padding-right:8px;
cursor:pointer;
}
#toggleViewPort {
float:right;height:20px;width:150px;
}
#alertBox {
text-align:right;
color:#FFF;
/*background-color:#E4E4E4;*/
width:36px;
margin-top:1px;
margin-right:10px;
padding-right:22px;
float: right;
position:relative;
cursor: pointer;
background-image: url('../images/mail.gif');
background-repeat: no-repeat;
background-position: top right;
}
#alertBox:hover {
color:#FFF;
background-image: url('../images/mailSelected.gif');
}
#alertBox div {
padding-top:0px;
color:#FFF;
}
#printButton {
/*background-color:#E4E4E4;*/
width:16px;
margin:1px 11px 0px 4px;
padding-right:5px;
float: right;
position:relative;
cursor: pointer;
background-image: url('../images/print.gif');
background-repeat: no-repeat;
background-position: left;
}
#printButton:hover {
background-image: url('../images/printSelected.gif');
}
#headerShown {
/*background-color:#E4E4E4;*/
width:16px;
margin:1px 2px 0px 4px;
padding-right:5px;
float: right;
position:relative;
cursor: pointer;
background-image: url('../images/headerShown.gif');
background-repeat: no-repeat;
background-position: left;
}
#headerShown:hover {
background-image: url('../images/headerHide.gif');
}
#headerHidden {
/*background-color:#E4E4E4;*/
width:16px;
margin:1px 2px 0px 4px;
padding-right:5px;
float: right;
position:relative;
cursor: pointer;
background-image: url('../images/headerHidden.gif');
background-repeat: no-repeat;
background-position: left;
}
#headerHidden:hover {
background-image: url('../images/headerShow.gif');
}
#perspectiveSelector {
margin:0px 0px 0px 4px;
padding-right:5px;
color:#888;
/*background-color:#E4E4E4;*/
float: right;
cursor: pointer;
}
#perspectiveSelector #nav li {
margin:0px 0 0 0;
padding:1px 2px 4px 4px;
}
#closeButton {
/*background-color:#E4E4E4;*/
width:16px;
margin-top:1px;
margin-right:11px;
float:right;
position:relative;
cursor: pointer;
background-image: url('../images/closeInsp.gif');
background-repeat: no-repeat;
background-position: left;
}
#closeButton:hover {
background-image: url('../images/closeInspSelected.gif');
}

/*------------------------------------------------------------------------------
|  yui
+ ----------------------------------------------------------------------------*/
.loading {
background-color:#FFFFFF;
position:relative;
background-image:url('../images/wait.gif');
background-position:5px 10px;
background-repeat:no-repeat;
}
.loading * {
	visibility:hidden;
}
.udwait {
height:30px;
}
.wait {
background-color:#FFFFFF;
position:relative;
background-image:url('../images/wait.gif');
background-position:10px 5px;
background-repeat:no-repeat;
}
.loading .gridTable, .loading .gridTableFull,
.loading .gridTableHeader td, .loading .gridTableHeaderFull td, .loading .gridTableHeaderFullEdit td,
.loading .gridTableRow td, .loading .gridTableRowFull td, .loading .gridTableRowFullEdit td,
.loading .filterTable, .loading .lookupTable,
.loading .gridNavigation,
.loading .gridSplit, .loading .gridSplit tr td {
border:0px none #FFFFFF;
}

/*------------------------------------------------------------------------------
|  yui-ext
+ ----------------------------------------------------------------------------*/

.loading-indicator{
font-size:8pt;
background-image: url('../images/wait.gif');
background-repeat: no-repeat;
background-position: left;
padding-left:20px;
margin-top:5px;
display:block;
height:18px;
}

.loading-indicator-bars {
background-image: url('../images/loading-bars.gif');
width: 150px;
}


/* hide the tab content while loading */
.tab-content{display:none;}


/* legacy default.css
---------------------*/

.browserHints {
border-collapse: collapse;
border-style: ridge;
border-width: 2px;
}
.browserHints td {
border-style: ridge;
border-width: 2px;
padding: 1px;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
}
.activeXHints {
border-collapse: collapse;
border-style: ridge;
border-width: 2px;
}
.activeXHints td {
border-style: ridge;
border-width: 2px;
padding: 1px;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
}

.tablePanel {
border-collapse: collapse;
border-spacing: 0px;
padding: 0px;
margin: 0px;
width: 100%;
vertical-align: absbottom;
}
.tablePanel td {
vertical-align: absbottom;
padding: 0px 4px 0px 2px;
}
.tableInfo {
border-collapse: collapse;
border-spacing: 0px;
padding: 0px;
width: 100%;
}
.tablePanelTitle {
width: 100%;
}
.tableLayout {
border-collapse: collapse;
border-spacing: 0px;
width: 100%;
vertical-align: top;
}
.tableLayout td {
vertical-align: top;
padding: 0px 1px 0px 1px;
}
.tableError {
border:1px #ccc solid;
border-collapse: collapse;
border-spacing: 0px;
padding: 10px 0px 8px 0px;
width: 100%;
}
.tableError td {
padding: 5px;
}
.cellErrorLeft {
font-weight: bold;
vertical-align: top;
}
.cellErrorRight {
vertical-align: top;
width:100%;
}
.tableLogin {
border-collapse: collapse;
vertical-align: middle;
}
.tableLogin td {
padding: 5px;
vertical-align: middle;
}
td.cellLogin {
border-style: solid;
border-width: 1px 1px 1px 1px;
height: 200px;
vertical-align: middle;
padding: 5px 50px 5px 50px;
}

a.error {
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;
margin-top: 2px;
margin-left: 5px;
padding: 2px 0.5em 2px 0.5em;
font-weight: bold;
white-space: nowrap;
}
.cellHistory {
border-collapse: collapse;
vertical-align: top;
width: 178px;
white-space: nowrap;
overflow: hidden;
}
.cellHistory td {
padding-top: 0px;
padding-bottom: 1px;
font-size: 10px;
}
.cellHistory td a {
font-size: 10px;
}
.historyEntry {
width: 175px;
vertical-align: bottom;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
}

.cellObject {
vertical-align: top;
line-height: 20px;
}
.cellObject p {
margin-left: 0px;
margin-top: 10px;
}
.attributeTitle {
width: 100%;
border: solid 1px;
line-height: 1.1em;
padding-left: 8px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
}
.attributeTitle td {
vertical-align: middle;
font-weight: bold;
}
.attributeValue {
white-space: normal;
word-wrap: normal;
width: 100%;
vertical-align: middle;
overflow: visible;
}

.cellGrid {
line-height: 20px;
vertical-align: top;
margin-top: 10px;
padding: 5px 0px 0px 0px;
}

a.op {
border-width: 1px;
border-style: solid;
padding: 0px 2px 2px 0px;
white-space: nowrap;
}
a.ophover {
border-width: 1px;
border-style: solid;
padding: 0px 2px 2px 0px;
white-space: nowrap;
}
input.op {
border-width: 1px;
border-style: solid;
padding: 0px;
white-space: nowrap;
}
input.ophover {
border-width: 1px;
border-style: solid;
padding: 0px;
white-space: nowrap;
cursor: pointer;
}

a.new {
vertical-align: middle;
border-width: 1px;
border-style: solid;
padding: 0px 2px 2px 0px;
white-space: nowrap;
}
a.backButton {
text-decoration: none;
border-style: solid;
border-width: 1px;
padding: 0px 0px 1px 0px;
white-space: nowrap;
margin-right: 5px;
vertical-align: top;
}
a.backButton:hover {
text-decoration: none;
}
a.noIcon {
border-style: solid;
border-width: 1px 1px 1px 1px;
padding: 2px;
margin-left: 1px;
white-space: nowrap;
}
a.noIcon:hover {
cursor: pointer;
}
a.noIconhover {
border-style: solid;
border-width: 1px 1px 1px 1px;
padding: 2px;
margin-left: 1px;
white-space: nowrap;
cursor: pointer;
}
.noIcon {
border-style: solid;
border-width: 1px 1px 1px 1px;
padding: 1px;
white-space: nowrap;
}
.noIcon:hover {
cursor: pointer;
}
.noIconhover {
border-style: solid;
border-width: 1px 1px 1px 1px;
padding: 1px;
white-space: nowrap;
cursor: pointer;
}
.flatButton {
padding-top: 10px;
padding-bottom: 10px;
}

input.flatsubmit {
border-style: solid;
border-width: 1px;
padding: 0px;
white-space: nowrap;
}
input.flatsubmit:hover {
cursor: pointer;
}
input.flatsubmithover {
border-style: solid;
border-width: 1px;
padding: 0px;
white-space: nowrap;
cursor: pointer;
}
input.selflatsubmit {
border-style: solid;
border-width: 1px;
padding: 0px;
white-space: nowrap;
}
input.selflatsubmit:hover {
cursor: pointer;
}
input.selflatsubmithover {
border-style: solid;
border-width: 1px;
padding: 0px;
white-space: nowrap;
cursor: pointer;
}
input.classsubmit {
border-style: solid;
border-width: 0px;
padding-left: 3px;
padding-right: 1px;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-right: 2px;
font-size: 10px;
font-weight: bold;
text-align: left;
vertical-align: middle;
white-space: nowrap;
}
input.classsubmit:hover {
cursor: pointer;
}
input.classsubmithover { /* IE :hover workaround */
border-style: solid;
border-width: 0px;
padding-left: 3px;
padding-right: 1px;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-right: 2px;
font-size: 10px;
font-weight: bold;
text-align: left;
vertical-align: middle;
white-space: nowrap;
cursor: pointer;
}
.borderedimg {
border-style: solid;
border-color: transparent;
border-width: 1px;
white-space: nowrap;
margin-left: 1px;
}
.borderedimg:hover {
cursor: pointer;
}
.borderedimghover {
border-style: solid;
border-width: 1px;
white-space: nowrap;
margin-left: 1px;
cursor: pointer;
}
.buttonimg {
border-collapse: collapse;
border-style: solid;
border-width: 1px;
white-space: nowrap;
margin-left: 1px;
margin-right: -1px;
width: 12px;
font-size: 2px;
vertical-align: middle;
}
.buttonimg:hover {
cursor: pointer;
}
.buttonimghover {
border-collapse: collapse;
border-style: solid;
border-width: 1px;
white-space: nowrap;
margin-left: 1px;
margin-right: -1px;
width: 12px;
font-size: 2px;
vertical-align: middle;
cursor: pointer;
}
.filterHeader {
border-collapse: collapse;
overflow: visible;
margin-bottom: 1px;
}
.filterHeader tr td {
border: 0px none #FFFFFF;
white-space: nowrap;
vertical-align:middle;
padding-right:0px;
margin-right:0px;
}

.filterHeader input[type=checkbox] {
margin-top:1px;
padding-top:0px;
border: none none;
width: 12px;
height:12px;
vertical-align:top;
}
.filterCellhover {
cursor: pointer;
margin-top: 0px;
}
.textfilter {
padding-left:3px;
font-size:8pt;
font-weight:bold;
text-decoration:none;
}
.imgfilter {
border-style: solid;
border-width: 0px 1px 1px 0px;
}
.imgfilterhover { /* IE :hover workaround */
border-style: solid;
border-width: 0px 1px 1px 0px;
cursor: pointer;
}
.selimgfilter {
border-style: solid;
border-width: 1px 0px 0px 1px;
}
.selimgfilterhover { /* IE :hover workaround */
border-style: solid;
border-width: 1px 0px 0px 1px;
cursor: pointer;
}
.imgsubmit {
border-collapse: collapse;
border-style: solid;
border-width: 0px 1px 1px 0px;
white-space: nowrap;
}
input.imgsubmit:hover {
cursor: pointer;
}
input.imgsubmithover { /* IE :hover workaround */
border-collapse: collapse;
border-style: solid;
border-width: 0px 1px 1px 0px;
white-space: nowrap;
cursor: pointer;
}
input.selimgsubmit {
border-collapse: collapse;
border-style: solid;
border-width: 1px 0px 0px 1px;
white-space: nowrap;
}
input.selimgsubmit:hover {
cursor: pointer;
}
input.selimgsubmithover { /* IE :hover workaround */
border-collapse: collapse;
border-style: solid;
border-width: 1px 0px 0px 1px;
white-space: nowrap;
cursor: pointer;
}

.panel {
border-style: solid;
border-width: 0px;
width: 99%;
padding-left: 2px;
padding-right: 2px;
padding-top: 4px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 6px;
line-height: normal;
overflow: hidden; /*required by Netscape/Mozilla*/
}

.opPanel {
border-style: solid;
border-width: 0px 1px 1px 1px;
width: 99%;
padding-left: 2px;
padding-right: 2px;
margin-left:1px;
margin-right:5px;
overflow: visible; /*required by Netscape/Mozilla*/
position: absolute;
visibility: hidden;
height:0px;
z-index: 20;
}

.panelResult {
border: 1px #ccc solid;
background-color: #ccc;
width: 99%;
padding-left: 4px;
padding-right: 4px;
padding-top: 10px;
padding-bottom: 8px;
margin-top: 5px;
margin-bottom: 2px;
overflow: hidden; /*required by Netscape/Mozilla*/
position: relative;
z-index: 20;
}
.panelJSWarning {
border-style: solid;
border-width: 3px;
width: 100%;
font-size: medium;
font-weight: bold;
margin-bottom: 10px;
padding: 10px;
overflow: hidden; /*required by Netscape/Mozilla*/
position: relative;
z-index: 20;
}
.panelCookieWarning {
border-style: solid;
border-width: 3px;
width: 100%;
font-size: medium;
font-weight: bold;
margin-bottom: 10px;
padding: 10px;
overflow: hidden; /*required by Netscape/Mozilla*/
position: relative;
z-index: 20;
}
.opButton {
padding: 5px 1px 2px 0px;
margin-bottom: -2px;
}
.filterPanel {
border-style: none;
border-width: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
padding-bottom: 0px;
position: relative;
overflow: hidden; /*required by Netscape/Mozilla*/
z-index: 20;
}

.gridBlock {
margin-top:-5px;
line-height: normal;
width: 100%;
border-style: solid;
border-width: 1px;
padding-left: 8px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 5px;
overflow: auto;
}

.gridBlock td {
padding-bottom: 5px;
}

.gridTable {
/*
table-layout: fixed;
  */
white-space: nowrap;
}
.gridTableFull {
table-layout: auto;
white-space: normal;
}
.gridTableFullEdit {
table-layout: auto;
white-space: normal;
}
.gridTable, .gridTableFull, .gridTableFullEdit {
text-align: left;
border-collapse: collapse;
border-top-width: 1px;
border-top-style: none;
width: 100%;
vertical-align: baseline;
margin-top: 0px;
margin-bottom: 0px;
border-right: solid 1px #DDDDDD;
border-left:  solid 1px #DDDDDD;
background-color:#FFF;
}
.gridTableHeader td {
white-space: nowrap;
}
.gridTableHeaderFull td, .gridTableHeaderFullEdit td {
white-space: normal;
}
.gridTableHeader, .gridTableHeaderFull, .gridTableHeaderFullEdit {
text-align: left;
background-color: #F2F2F2;
border-bottom: solid 1px #DDDDDD;
/*background-image: url('../images/ghbg.png');
background-repeat: repeat-x;
background-position: left bottom;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;*/
}
.gridTableHeader td, .gridTableHeaderFull td, .gridTableHeaderFullEdit td {
vertical-align: middle;
border-style: none none none none;
border-width: 1px;
padding:1px 2px 1px 2px;
font-weight:bold;
}
.gridTableHeader div, .gridTableHeaderFull div, .gridTableHeaderFullEdit div {
/* uncomment this to fix the font size
font-size: 12px;
*/
border-width: 0px;
}
.gridTableRow, .gridTableRow td {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gridTableRowFull, .gridTableRowFull td {
white-space: normal;
overflow: visible;
}
.gridTableRowFullEdit, .gridTableRowFullEdit td {
white-space: nowrap;
overflow: visible;
}
.gridTableRow td, .gridTableRowFull td, .gridTableRowFullEdit td {
/* uncomment this to fix the font size
font-size: 8pt;
*/
vertical-align: middle;
border-style: dotted;
border-width: 0px 0px 1px 0px;
padding-left: 4px;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
}

.gridAuto {
width: 180px;
}
.objInfo {
margin-top: 2px;
margin-bottom: 2px;
}
.gridColTypeCheck, td.gridColTypeCheck {
white-space: nowrap;
overflow: visible;
width: 20px;
padding-left: 1px;
padding-right: 1px;
}
.gridColTypeIcon, td.gridColTypeIcon {
width: 17px;
padding-left: 0px;
padding-right: 0px;
}
.gridColTypeIconEdit, td.gridColTypeIconEdit {
width: 17px;
padding-left: 0px;
padding-right: 0px;
}
.gridColTypeIcon-3, td.gridColTypeIcon-3 {
white-space: nowrap;
overflow: visible;
padding-left: 0px;
padding-right: 0px;
}
.gridColTypeIconEdit-3, td.gridColTypeIconEdit-3 {
/* width: 49px; */
white-space: nowrap;
padding-left: 0px;
padding-right: 0px;
}
#gm {
border-collapse: collapse;
border-spacing: 0px;
}
#gm td {
margin:0;
padding:0;
border:0;
}
.gridColTypeDate, td.gridColTypeDate {
font-size: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 15.5em;
}
.gridColTypeNormal, td.gridColTypeNormal {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gridColTypeWide, .gridColTypeWide {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 25%;
}
.gridColTypeNarrow, td.gridColTypeNarrow {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 15em;
}

.opFieldGroupName {
text-align: left;
text-decoration: none;
font-size: 9px;
}
.opFieldGroup {
border-collapse: separate;
width: 100%;
/*
table-layout: fixed;
max-width: 100%;
  */
border-style: solid;
border-width: 1px;
margin-bottom: 2px;
empty-cells: hide;
}
.fieldGroupName {
text-align: left;
text-decoration: none;
font-size: 8pt;
border-style: solid;
border-width: 1px 0px 0px 0px;
padding: 2px;
background: url('../images/pattern.png') repeat-x scroll top left #FFF;
color:#444;
}
.fieldGroup {
table-layout: fixed;
border-spacing: 1px;
/*
border-collapse: collapse;
  */
width: 99%;
/*
max-width: 100%;
  */
border-style: solid;
border-width: 0px;
margin-bottom: 10px;
empty-cells: hide;
}
.fieldGroup td {
padding: 0px 4px 0px 1px;
}
.label {
text-align: left;
text-decoration: none;
white-space: nowrap;
vertical-align: top;
padding-top: 0.15em;
width: 12em;
overflow: hidden;
}
.nw {
white-space: nowrap;
}

.field {
margin:0;
padding:0;
white-space: nowrap;
width: 100%;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
}

.fieldSpanned {
white-space: nowrap;
width: 100%;
vertical-align: middle;
overflow: auto;
text-overflow: ellipsis;
}
.fieldSpannedFull {
padding-left:1px;
white-space: normal;
width: 100%;
font-weight: normal;
vertical-align: middle;
overflow: visible;
}
textarea {
border-style: solid;
border-width: 1px;
padding: 0px;
margin: 0px -1px 0px 0px;
font-weight: bold;
width: 100%;
word-wrap: normal;
overflow: auto;
}
textarea.stringLocked {
width: 100%;
margin: 0px -1px 0px 0px;
white-space: nowrap;
word-wrap: normal;
overflow: auto;
}
textarea.multiString {
width: 100%;
margin: 0px -1px 0px 0px;
word-wrap: normal;
overflow: auto;
}
textarea.multiStringLocked {
width: 100%;
margin: 0px -1px 0px 0px;
word-wrap: normal;
overflow: auto;
}
.valuePicture {
text-decoration: none;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.valueMulti {
text-decoration: none;
vertical-align: middle;
overflow: auto;
text-overflow: ellipsis;
white-space: nowrap;
}
.valueString {
text-decoration: none;
vertical-align: middle;
overflow: auto;
text-overflow: ellipsis;
white-space: nowrap;
}
.valueL, .valueLG {
border-style: solid;
padding: 0px 1px 0px 1px;
text-align: left;
text-decoration: none;
vertical-align: top;
/*
white-space: nowrap;
  */
}
.valueL {
border-width: 1px;
margin-right: -1px;
font-weight: bold;
overflow: hidden;
}
.valueLG {
border-width: 0px;
margin-right: 0px;
overflow: visible;
}
.valueLLocked {
border-style: solid;
border-width: 1px;
padding: 0px 1px 0px 1px;
margin-right: -1px;
text-align: left;
text-decoration: none;
font-weight: bold;
vertical-align: middle;
width: 100%;
overflow: hidden;
white-space: nowrap;
}
.valueR, .valueRG {
border-style: solid;
padding: 0px 1px 0px 1px;
text-align: right;
text-decoration: none;
vertical-align: middle;
overflow: hidden;
/*
white-space: nowrap;
  */
}
.valueR {
border-width: 1px;
margin-right: -1px;
font-weight: bold;
}
.valueRG {
border-width: 0px;
margin-right: 0px;
}
.valueRLocked {
border-style: solid;
border-width: 1px;
padding: 0px 1px 0px 1px;
margin-right: -1px;
text-align: right;
text-decoration: none;
font-weight: bold;
vertical-align: middle;
width: 100%;
overflow: hidden;
}
input.valueL, input.valueR {
width: 100%;
padding: 1px 0px 1px 0px;
/*
margin: 0px;
  */
font-size: 1em; /* IE bug - see http://www.aplus.co.yu/css/tip-input-sizing-in-ie/ */
}
input.valueLG, input.valueRG {
padding: 0px 1px 0px 0px;
margin: 0px;
vertical-align: top;
font-size: 1em; /* IE bug - see http://www.aplus.co.yu/css/tip-input-sizing-in-ie/ */
}
select.valueL, select.valueR {
width: 100%;
padding: 0px;
margin-bottom: 1px;
}
.valueEmpty {
}
.addon {
vertical-align: baseline;
padding-left: 4px;
padding-right: 2px;
padding-top: 4px;
text-align: left;
text-decoration: none;
width: 40px;
white-space: nowrap;
overflow: visible;
}
.gap {
vertical-align: baseline;
padding-left: 4px;
padding-right: 2px;
padding-top: 4px;
text-align: left;
text-decoration: none;
width: 18px;
white-space: nowrap;
overflow: visible;
}

form {
margin: 0px;
padding: 0 0 20px 0;
}
form #inspector {
background-color:transparent;
}
#menuOp {
padding:3px 0 2px 0;
overflow: hidden;
white-space:nowrap;
/*margin:2px 5px 0 0px;*/
}
.menuOpPanelActions {
margin:0;
padding:0;
width: 180px;
}
.menuOpPanel {
margin:0;
border-top: solid 1px #DDDDDD;
border-right: solid 1px #DDDDDD;
border-left:  solid 1px #DDDDDD;
background-color: #DDDDDD;
padding:0 0 0 0;
}
.menuOpPanel td {
white-space:nowrap;
}
.menuOpPanelMenus {
padding-bottom: 3px;
}
.menuOpPanelInfo{
width: 50px;
padding-right:5px;
text-align:right;
font-size: 9px;
font-weight: bold;
color:#000;
}
.filterTable {
width: 100%;
background-color: #FFFFFF;
border-right: solid 1px #ccc;
border-left:  solid 1px #ccc;
}
.filterTable tr td {
font-size: 9px;
white-space: nowrap;
}
.filterInput {
width: 239px;
}
.filterAttr tr td {
vertical-align:top;
}
.filterAttr label {
/* K position: absolute; */
border: 1px solid silver;
display: inline-block;
margin: 9px 0 0 6px;
}
.filterAttr span.searchLabel {
box-sizing: border-box;
display: inline-block;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 2px;
padding-right: 2px;
}
.filterAttr input {
box-sizing: border-box;
margin: 1px 0;
padding: 5px;
/* margin: 2px 0 0 0;
padding: 5px 5px 5px 150px;
  */
font-size: 14px;
font-weight: normal;
width: 200px;
}
.gecko .filterAttr input.valueAC {
width: 168px;
}
.gecko .filterAttr input {
width: 182px;
}
.filterAttr select {
box-sizing: border-box;
margin: 0;
padding: 5px;
/*
margin: 2px 0 0 0;
padding: 5px 5px 5px 150px;
  */
font-size: 14px;
font-weight: normal;
width: 200px;
}
.filterAttr option {
font-size: 14px;
font-weight: normal;
}
.filterAttr .abutton:hover {
cursor: pointer;
}
.filterAttr div.searchField {
box-sizing: border-box;
/*border: 1px solid red;*/
display: inline;
}
.filterAttr div.searchField div.autocompleterMenu {
display: inherit;
}
.filterAttr div.searchField div.autocompleterInput {
/*box-sizing: border-box;*/
display: inherit;
padding-right: 0px !important;
}
.filterButtons {
vertical-align:top;
/*
width: 140px;
  */
}
/*
.filterButtons ul#nav{
display:none;
}
.filterButtons ul.nav{
display:none;
}
*/
.filterButtons ul.nav{
display:block;
}

.filterGap {
float:left;
width:35px;
}
.lookupTable {
position:relative;
width: 100%;
border-top: 1px solid #CCCCCC;
}
.lookupTable tr td {
white-space: nowrap;
}
.lookupInput {
width: 153px;
}
.gridNavigation {
width: 100%;
text-align: left;
background-color: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
}
.gridSplit {
table-layout: auto;
border-collapse: collapse;
border-style: solid;
border-width: 0px;
margin: 0px;
padding: 0px;
width: 100%;
}
.gridSplit tr td {
border-style: solid;
border-width: 0px;
margin: 0px;
padding: 0px;
}
.popUp {
border-style: ridge;
border-width: 2px;
padding: 5px;
overflow: visible; /*required by Netscape/Mozilla*/
position: absolute;
}
.popUpFrame {
border-style: none;
border-width: 0px;
overflow: auto; /*required by Netscape/Mozilla*/
position: absolute;
}
.popUpTable {
width: 390px;
border-collapse: collapse;
}
.fieldindex {
width: 30px;
}
.fieldselection {
width: 50px;
}
.fieldvalue {
width: 300px;
}
.popUpButton, .popUpButtonhover {
cursor: pointer;
}
.qualifierPanel {
border-style: solid solid solid solid;
border-width: 1px;
width: 100%;
padding-left: 2px;
padding-right: 2px;
padding-top: 4px;
padding-bottom: 4px;
overflow: hidden; /*required by Netscape/Mozilla*/
position: relative;
z-index: 20;
}
.qualifierText {
text-align: left;
text-decoration: none;
font-size: smaller;
}
.qualifier {
border-style: solid;
border-width: 1px;
border-color:#ccc;
padding: 0px 1px 0px 1px;
text-align: left;
text-decoration: none;
font-weight: bold;
vertical-align: middle;
overflow: visible;
white-space: nowrap;
width: 50%;
background:#eee;
}

.dragable:hover {
cursor: pointer;
}
.divImgPopUp {
border-style: ridge;
border-width: 1px;
padding: 0px;
margin: 0px;
overflow: visible; /*required by Netscape/Mozilla*/
position: absolute;
z-index: 200;
}
.popUpImg {
border-style: none;
border-width: 0px;
padding: 0px;
margin: 0px;
}
.picture {
border: none black 0px;
overflow: hidden;
height: 100%;
}
.hh1 {
font-weight: bold;
margin-top: 20px;
margin-bottom: 12px;
padding: 0px;
}
.hh2 {
font-weight: bold;
margin-top: 20px;
margin-bottom: 2px;
padding: 0px;
}
.normal {
margin-top: 2px;
margin-bottom: 2px;
padding: 0px;
}
.gridMenuIndicator:hover {
cursor: pointer;
background-image: url('../images/menu_down.gif');
background-repeat: no-repeat;
background-position: center center;
background-color:#ccc;
}
.gridSpacerTop {
width:100%;
margin-top:10px;
}
.gridSpacerBottom {
width:100%;
margin-top:20px;
}
.gridCloser {
vertical-align:top;
}
.imgCloser {
cursor:pointer;
margin-top: 6px;
}
.imgCloser:hover {
background-color:#EEEEEE;
}
.gridMenu #nav li {
padding-top:0px;
margin-top:1px;
padding-left:0px;
padding-right:0px;
margin-left:1px;
}
.gridMenu #nav li:hover, .gridMenu #nav li.sfhover {
	z-index: 100000;
}
.gridMenu #nav li ul {
margin-top:0px;
	margin-left:-1px;
}
.gridMenu #nav li li {
padding-top:1px;
padding-right:4px;
padding-bottom:1px;
padding-left:0px;
	margin-top: 1px;
}
.gridMenu #nav ul li ul {
margin-top:0px;
	margin-left:50px;
}

.autocompleterMenu {
position:absolute;
}
.autocompleterMenu #nav li {
padding-top:0px;
margin-top:1px;
padding-left:0px;
padding-right:0px;
margin-left:1px;
}
.autocompleterMenu #nav li:hover, .autocompleterMenu #nav li.sfhover {
border-left: none 1px #CCCCCC;
z-index: 1000000;
}
.autocompleterMenu #nav li ul {
border-top: solid 1px #AAAAAA;
background-color: #FFFFFF;
margin-top:0px;
margin-left:-1px;
}
.autocompleterMenu #nav li li {
padding-top:1px;
padding-right:4px;
padding-bottom:1px;
padding-left:0px;
margin-top: 1px;
}
.autocompleterMenu #nav ul li ul {
margin-top:-1em;
margin-left:50px;
}
LI .selected a span {
background-image: url('../images/checkmark.gif');
background-repeat: no-repeat;
background-position: left;
}
.autocompleterInput {
padding-right:18px !important; /*moz */
padding-right:0px; /*ie*/
}
INPUT.valueAC {
padding-left:18px;
overflow: hidden;
}
.lookupButtons .autocomplete {
margin-top:0.8em;
}
.autocomplete {
background-color:white;
margin:0px;
padding:0px;
white-space: nowrap;
position: absolute;
z-index: 500;

}
div.autocomplete ul {
border:1px solid #888;
list-style-type:none;
margin:0px;
padding:0px;
}
div.autocomplete ul li.selected {
background-color: #ffb;
padding-left:4px;
padding-top:2px;
}
div.autocomplete ul li {
list-style-type:none;
display:block;
margin:0px 0px 0px 2px;
padding:2px 2px 2px 4px;
cursor:pointer;
}
/*------------------------------------------------------------------------------
|  simple layout
+ ----------------------------------------------------------------------------*/
#CENTER{
width:100%;
margin-right:0px;
position:relative;
z-index:1000;
}
.inspTabPanel{
padding-bottom:4px;
}
.inspTabPanel a{
color:#888888;
padding:5px 9px 4px 9px;
border:solid 1px #CCCCCC;
font-size:9pt;
/*
background-image: url('../images/ghbg.png');
background-repeat: repeat-x;
background-position: left bottom;
  */
}
.inspTabPanel a:hover{
color:black;
background-color:#E5EAED;
position:relative;
z-index:500;
}
.inspTabPanel .selected{
color:#444444;
/*
background-image: url('../images/ghbgs.png');
background-repeat: repeat-x;
background-position: left top;
  */
background-color:#E5EAED;
border-bottom:none 1px #E5EAED;
padding-bottom:5px;
}

.inspContent{
width:100%;
background-color:#E5EAED;
}
.inspContent .selected{
display:block;
border:solid 1px #CCCCCC;
padding:2px;
}
.inspContent .hidden{
display:none;
}
.gTabPanel{
margin-top:20px;
padding-bottom:4px;
}
.gTabPanel a{
color:#000000;
padding:5px 9px 4px 9px;
border-top:solid 1px #DDDDDD;
border-left:solid 1px #DDDDDD;
border-right:solid 1px #DDDDDD;
font-size:9pt;
/*
background-image: url('../images/ghbg.png');
background-repeat: repeat-x;
background-position: left bottom;
  */
background-color:#EEE;
}
.gTabPanel a:hover{
color:black;
background-color:#DDDDDD;
position:relative;
z-index:500;
}
.gTabPanel .selected{
color:#444444;
/*
background-image: url('../images/ghbgs.png');
background-repeat: repeat-x;
background-position: left top;
  */
background-color:#DDDDDD;
border-bottom:none 1px #DDDDDD;
}
.gTabPanel .hidden{
display:none;
}
.gContent{
/*border-top:   solid 0px #CCCCCC;
border-right: solid 1px #DDDDDD;
border-left:  solid 1px #DDDDDD;
border-bottom:solid 1px #CCCCCC; */
padding:0px 0px 0px 0px;
}
#gridPagerBottom {
width:100%;
padding:5px 0;
background-color:#DDDDDD;
}

/*------------------------------------------------------------------------------
|  fieldset layout
+ ----------------------------------------------------------------------------*/
fieldset{
	margin: 1px 5px 3px 5px;
	padding: 2px;
	-moz-border-radius: 10px;
	border: 1.5px solid #DDD;
	background-color: #EEE;}
legend{
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	padding: 0 1em;
	background-color: #CCC;
}

/*------------------------------------------------------------------------------
| grid column value alignment
+ ----------------------------------------------------------------------------*/
.gridTableRowFull td.value-type-number {
	text-align: right;
}

.dashletLinkButton {
	padding:6px;
	margin:0px;
	background-color: #F2F2F2;
	border: 1px solid #DDDDDD;
	color: #000000;
}

.dashletLinkButton:hover {
	padding:6px;
	margin:0px;
	background-color:#E95D0E;
	border:solid 1px #f2f2f2;
	color: #FFFFFF;
}