@import url("layout.css");
@import url("datatable.css");
@import url("checklist.css");/* needs to be fixed, therefore extracted for review */
@import url("form.css");
@import url("html_menu.css");
@import url("xul_icons.css");
@import url("html_icon.css");

/*@import url("html_tree.css");*/
/*@import url("accordion.css");*/


html {
	overflow-y:auto;
	overflow-x:hidden;
}

window, body {
  font-family: 'arial', 'sans-serif';
  margin: 0px; /* important do not change */
  padding:0px; /* important do not change */
  font-size:11px;
  _font-size: 12px;
  background-color:#EBEBEB; /* IE doesnt like transparent frames */
  overflow:hidden;

}
pre, a { 
	background: transparent;/*#D4D0C8;*/
  xoverflow:hidden;/* conflicts with paginator*/
	text-decoration:none;
}

iframe {border: none; } /* remove FF border */

div.ifraome_wrapper iframe  {
	width:100%;
	height:0px; /* set to zero initally so that the size can be calculated based on browser size */
}

ul {
	margin:  0.15em;
	margin-left:2em;
	padding: 0em;
}
li {
	padding: 0.15em;
}


*.printonly {display: none; }

p, pre {
  margin:0.15em 0.3em;
}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

blockquote {
	margin: 0.2em;
  padding:0px;
	margin-left: 1em;
}


/* IMPORTANT!! vbox positioning */
div#main,
div#vbox {
  overflow-y:          auto;
  overflow-x:          hidden;
  position:            fixed;
  padding:             0px;
  margin:              0px;
  left:                0px;
  right:               0px;
  top:                28px;   /* height of frames menubar */ 
  bottom:             25px;   /* height of frames status_box */ /* overwrite in XSLT if no status box required */
}


*+html div#vbox {
	top:                29px;   /* height of frames menubar */ 
}

div#main {
  top:                 0px;   
  bottom:              0px;
}
div#vbox.tree { 
  overflow-y:          scroll; /* makes sure that coloumns line up for tree cells */
  background-color:    #FFF;
} 






box#search_list                            {-moz-box-flex:        1;
                                            -moz-box-orient:      vertical;}
box#detail_edit                            {-moz-box-flex:        2;
                                            -moz-box-orient:      vertical;}

iframe[name="search"]                      {-moz-box-flex:        2;}
iframe[name="list"]                        {-moz-box-flex:        3;}
iframe[name="detail"]                      {-moz-box-flex:        1;}

box[name="background"]                     {-moz-box-orient:      vertical;}
box[name="banner"]                         {-moz-box-orient:      vertical;}
tree                                       { margin-right:        0px;
                                             margin-left:         0px;} 
                                             
/* VETTING_OBJECTS */

div#header                                 { width:               100%; 
                                             height:              1px;
                                             background:          transparent url('/images/transparent.png') left top; }
div#content                                { margin-left:         5px;
                                             top:                 0px;
                                          	 overflow:            auto;
                                          	 padding-left:        5px;
                                          	 padding-top:         5px; }



treechildren:-moz-tree-row(hidden)         { background-color:    red;}

treechildren:-moz-tree-cell-text           { color:               #000;}
treechildren:-moz-tree-cell-text(selected) { color:               #fff;}
treechildren:-moz-tree-cell-text(lock)     { color:               grey;}
treechildren:-moz-tree-cell-text(open)     { font-weight:         normal;}
treechildren:-moz-tree-cell-text(edited)   { font-weight:         bold;}
treechildren:-moz-tree-cell-text(heading)  { font-weight:         bold;}
treechildren:-moz-tree-cell-text(alert)    { color:               red; }
treechildren:-moz-tree-cell-text(new)      { color:               red;
                                             font-weight:         bold;}
treechildren:-moz-tree-cell-text(user)     { color:               #666;}
treechildren:-moz-tree-image               { list-style-image:    url('/images/icons/icons.png');
                                            -moz-image-region:    rect(0px   1px   1px   0px);
                                             margin-right:        5px;}               
treechildren:-moz-tree-image(alert)        {-moz-image-region:    rect(162px  18px 180px   0px);}
treechildren:-moz-tree-image(question)     {-moz-image-region:    rect(180px  18px 198px   0px);}
treechildren:-moz-tree-image(info)         {-moz-image-region:    rect(198px  18px 216px   0px);}
treechildren:-moz-tree-image(error)        {-moz-image-region:    rect(126px  54px 144px  36px);}
treechildren:-moz-tree-image(tick)         {-moz-image-region:    rect(144px  54px 162px  36px);}
treechildren:-moz-tree-image(pdf)          {-moz-image-region:    rect( 54px 126px  72px 108px);}
treechildren:-moz-tree-image(book)         {-moz-image-region:    rect(216px  18px 234px   0px);}
treechildren:-moz-tree-image(user)         {-moz-image-region:    rect( 18px 126px  36px 108px);}

treechildren:-moz-tree-cell-text(regex)    { color: red; font-weight: bold;}


label.file                                    { border:              solid 1px #666; }

/* summary */
/*
.summary, .form, fieldset             { margin:0.25em;
                                        border: 1px inset gray;
}
*/
#vbox div.left div.summary,
#vbox div.right div.summary {
	margin:0;
	border:none;
} 

.summary div, label.comment           { margin:0em;
																				margin-left:2em;
																				padding:0.5em;
																				padding-left:4em;
                                        }
.summary div p {
	padding-bottom:1em;
}
/*
.summary div ul                       { margin:              0.2em;
	font-size:           0.9em;
                                       padding:             0px;}

.summary div ul li                    { margin:              0.2em;}


.summary div ul li span               { xcolor: GrayText;
																				margin-left:         0.5em;
																				margin-right:        0.5em;
																				position:absolute;
																				right:30px;
}
*/

*.disable {
	opacity:.5;filter: alpha(opacity=50); -moz-opacity: 0.5;
	overflow:hidden ! important;
}






div.esoms_application_background {
	min-height:200px;
	padding:0px;
	margin:0px;
	background:transparent url('/images/esoms_application_background.png') repeat-x left top;
	*height: expression(this.scrollWidth > 200 ? "200px" : "auto");
}


/* html_css.php overrides */
h1,h2,h3,h4 { color: #003366; }
h1          { font-size:1.5em; }
h2          { font-size:1.2em; }
h3          { font-size:1.2em;  margin: 0.25em 0.25em 0.5em 0em; padding:0.1em; border-bottom: 1px solid #666; }
h4,.h4,
dl.accordion-menu dt.a-m-t
{ 
	font-size:1.2em; 
	margin: 0em 0.25em 0.5em 0em;
	padding:0.4em 0.2em 0.3em 2em; 
	background-color: ActiveCaption; 
	color:CaptionText;
	}



/* YAHOO container */
/* custom overrides for eyede */
.yui-skin-sam .yui-panel {
	border:none;
}

.yui-skin-sam .yui-panel .bd,
.yui-skin-sam .yui-panel .ft	{
	xbackground-color: transparent;
	background-color: #F2F2F2;
	border:  1px outset ButtonHighlight;
	xborder-top:none;
	padding:0px ! important;
}
.yui-skin-sam .yui-panel .hd {
	background:#F2F2F2 url('/images/menu.png') repeat-x bottom;
  border:  1px outset ButtonHighlight;
  height: 26px;
	padding:0;
}
#yui-picker-controls-label2 {
	display:none;
}
.yui-skin-sam .yui-dialog .ft {
	padding:0.25em;
}


.yui-picker-panel {
	background: transparent;
}
#yui-picker-controls-label { display:none;} 
#yui-picker-controls .hd {display:none;}
.yui-skin-sam .yui-panel .hd > span {
	position: absolute;
	top: 3px;
	left:5px;
}
.yui-skin-sam .yui-panel{
	border-top:none;
}
.yui-skin-sam .yui-panel-container.shadow .underlay {
	position: absolute;
	top:  3px;
	left: 3px;
}

.yui-skin-sam .container-close	{
_margin-right:5px;
background-image:    url('/images/icons/delete.gif');
background-repeat:   no-repeat;
background-position: center right;
}



/* YAHOO calendar */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
.yui-calcontainer {
	position:relative;
	padding:5px;
	background-color: #EBEBEB;
  border: 1px outset ButtonHighlight;
	float:left;
	overflow:hidden;
	opacity:.95;
	z-index:10000;
}
*+html .yui-calcontainer {
	filter: alpha(opacity=95);
}

.yui-calcontainer iframe {
	position:absolute;
	border:none;
	margin:0;padding:0;
	left:-1px;
	top:-1px;
	z-index:0;
	width:50em;
	height:50em;
}

.yui-calcontainer.multi {
	padding:0;
}

.yui-calcontainer.multi .groupcal {
	padding:5px;
	background-color:transparent;
	z-index:1;
	float:left;
	position:relative;
	border:none;
}

.yui-calcontainer .title {
	margin-bottom:5px;
	height:25px;
	position:absolute;
	top:3px;left:5px;
	z-index:1;
}

.yui-calcontainer .close-icon {
	position:absolute;
	right:3px;
	top:3px;
	border:none;
	z-index:1;
}

.yui-calcontainer .calclose {
	background: url("/images/icons/error.gif") no-repeat;
	width:18px;
	height:18px;
	cursor:pointer;	
}

/* Calendar element styles */

.yui-calendar {
	text-align:center;
	border-spacing:0;
	border-collapse:separate;
	position:relative;
}

.yui-calcontainer.withtitle {
	padding-top:1.5em;
}

.yui-calendar .calnavleft {
	position:absolute;
	cursor:pointer;
	top:2px;
	bottom:0px;
	width:10px;
	height:12px;   
	left:2px;
	z-index:1;
	background: url("/images/icons/right.gif") no-repeat;
}
.yui-calendar .calnavlefty,
.yui-calendar .calnavleftyx {
	padding:0.35em;
	position:absolute;
	cursor:pointer;
	top:0;
	bottom:0px;
	z-index:1;
}
.yui-calendar .calnavlefty {
	left:14px;
}
.yui-calendar .calnavleftyx {
	left:28px;
}

.yui-calendar .calnavright {
	position:absolute;
	cursor:pointer;
	top:2px;
	bottom:0px;
	width:10px;
	height:12px;   
	right:2px;
	z-index:1;
	background: url("/images/icons/left.gif") no-repeat;
}
.yui-calendar .calnavrighty,
.yui-calendar .calnavrightyx {
	padding:0.35em;
	position:absolute;
	cursor:pointer;
	top:0;
	bottom:0px;
	z-index:1;
}
.yui-calendar .calnavrighty {
	right:14px;
}
.yui-calendar .calnavrightyx {
	right:28px;
}


.yui-calendar td.calcell {
	padding:.3em .5em;
	border: 1px solid #EBEBEB;
	text-align:center;
}

.yui-calendar td.calcell a {
	color:#333333;
	text-decoration:none;
}

.yui-calendar td.calcell.today {
	font-weight: bold;
}

.yui-calendar td.calcell.oom {
	border:none;
	cursor:default;
	color:GrayText;
}

.yui-calendar td.calcell.selected {
	border: 1px outset ButtonHighlight;
}

.yui-calendar td.calcell.calcellhover {
	cursor:pointer;
	color:HighlightText;
	background-color:Highlight;
	border: 1px outset Highlight;
}

.yui-calendar td.calcell.calcellhover a {
	color:#FFF;
}

.yui-calendar td.calcell.restricted {
	text-decoration:line-through;
}

.yui-calendar td.calcell.previous {
	color:#CCC;
}

.yui-calendar td.calcell.highlight1 { background-color:#CCFF99; }
.yui-calendar td.calcell.highlight2 { background-color:#99CCFF; }
.yui-calendar td.calcell.highlight3 { background-color:#FFCCCC; }
.yui-calendar td.calcell.highlight4 { background-color:#CCFF99; }

.yui-calendar .calhead {
	padding:.2em .2em;
	border:none;
	vertical-align:middle;
	background-color: ActiveCaption;
	color:CaptionText;
}

.yui-calendar .calheader {
	position:relative;
	padding-top:0.35em;
	width:100%;
	text-align:center;
	margin-bottom:.3em;
}

.yui-calendar .calheader img {
	border:none;
}

.yui-calendar .calweekdaycell {
	color:#666;
	font-weight:normal;
	text-align:center;
	width:1.5em;
}

.yui-calendar .calfoot {
	background-color:#EEE;
}

.yui-calendar .calrowhead, .yui-calendar .calrowfoot {
	color:#666;
	font-size:9px;
	font-style:italic;
	font-weight:normal;
	width:15px;
}

.yui-calendar .calrowhead {
	border-right-width:2px;
}
/* END of YAHOO calendar */


/* Specific changes for calendar running under fonts/reset */
.yui-calendar .calbody a:hover {background:inherit;}
p#clear {clear:left; padding-top:10px;}



/* tooltip */
.yui-tt {
	visibility:hidden;
	position:absolute;
	color:#333;
	background-color:#FDFFB4;
	margin:0 0.25em 0 0;
	padding:0.25em;
	border:1px solid #FCC90D;
	max-width:200px;
	
	/* very delicate make sure this expression works, otherwise IE will DIE*/
  width: expression(this.parentNode.scrollWidth > 400 ? "200px" : "auto");
}


.highlight {
	cursor:  pointer;
  background-color: Highlight;/*#7F99CC; #3875D7;*/
  color: HighlightText;
}






/* thumbnail settings */
img.thumbnail {}


table.thumbnail {
	width: inherit;
}

table.thumbnail tr td {
	padding:0px .4em;
  margin: 0px .4em;
}
table.thumbnail_tree {
	width: 100%;
	
}
*.thumbnail_title {
	padding-right:       .3em;
	color: GrayText;
	width:30%;
	text-align:     right;
}
*.thumbnail_value {	width:70%;}

*.priority1 { padding-left:15px; white-space:nowrap; color: black ! important;}
*.priority2 { padding-left:15px; white-space:nowrap; color: black ! important;}
*.priority3 { padding-left:15px; white-space:nowrap; color: black ! important;}
*.priority4 { padding-left:15px; white-space:nowrap; color: red ! important;}
*.priority5 { padding-left:15px; white-space:nowrap; color: red ! important; font-weight:bold;}

table.tree tbody tr td *.noimage {
background: transparent url(/images/icons/error.png) no-repeat top center;
height: auto;
}
table.tree tbody tr td *.recycle {
background: transparent url(/images/icons/32/recycle.png) no-repeat top center;
height: auto;
}


/* START multitextbox */
table.multitextbox {
  height:auto;
  width:100%;
  padding:0px;
  margin:0px;
  background-color: #EBEBEB;
  border: 1px inset ButtonHighlight;
}
table.multitextbox tr,
table.multitextbox tr td{
  padding:0px;
  margin:0px;
}
table.multitextbox tr td.multitextboxtitle {
  background-color: #EBEBEB;
}
table.multitextbox tr td.multitextboxnote {
  background-color: white;//#FFFF99;
  padding-right:4px;
  overflow:auto;
}

textarea.multitextboxnote {
  background-color: transparent;
  width:100%;
  padding:3px 0px 3px 4px;
  margin:0px;
  overflow:hidden;
	border: none;
}

input.multitextboxtitle {
  background-color: white;//#FFFF99;
  text-align:right;
  width:150px;
  clear:both;
  padding:3px 10px 3px 4px;
  margin:0px;
	border: none;
}
input.outoffocus {
  background-color: transparent;
  color: GrayText;
}
input.notset {
  display:none;
}
td.multitextboxnote {
	font-size:           0.9em;
}
td.multitextboxtitle {
font-size:           0.9em;
font-style: italic;
}
/* END multitextbox */




div.hslider {
	position:relative;
	width:10px;
	height:18px;
	margin:0px;
	padding:0px;
}
.rotation_slider_minus {
	margin:0px;
	padding:0px;
	width:10px;
	height:18px;
	background-image:    url('/images/icons/rotation_slider_minus.gif');
  background-repeat:   no-repeat;
}
.rotation_slider_plus {
	margin:0px;
	padding:0px;
	width:10px;
	height:18px;
	background-image:    url('/images/icons/rotation_slider_plus.gif');
  background-repeat:   no-repeat;
}
td.slider_background {
	margin:0px;
	padding:0px;
	background-image:    url('/images/icons/hsliderbk.gif');
  background-repeat:   repeat;
}
td.rotation_hsliderbk {
	width:190px;
	margin:0px;
	padding:0px;
	background-image:    url('/images/icons/rotation_hsliderbk.gif');
  background-repeat:   no-repeat;
  background-position: 0px 0px;
}
td.percentage_hsliderbk {
	width:210px;
	margin:0px;
	padding:0px;
	background-image:    url('/images/icons/percentage_hsliderbk.gif');
  background-repeat:   no-repeat;
  background-position: 0px 0px;
}
td.percentage_200_hsliderbk {
	width:210px;
	margin:0px;
	padding:0px;
	background-image:    url('/images/icons/percentage_200_hsliderbk.gif');
  background-repeat:   no-repeat;
  background-position: 0px 0px;
}
td.gamma_hsliderbk {
	width:210px;
	margin:0px;
	padding:0px;
	background-image:    url('/images/icons/gamma_hsliderbk.gif');
  background-repeat:   no-repeat;
  background-position: 0px 0px;
}

table.form-input caption {
  text-align:left;
  padding-left:3px;
}

tr.hiddenrow, row.hiddenrow {
  display: none;
}


td.label,
label.label,
legend.label,
span.label,
span.description {
	color: GrayText;
  vertical-align:top;
  text-align: right;
	padding-right:2px;
}

*.number {
  text-align: right;
padding-right:0.5em;
}

table tbody tr td.value,
label.value {
	background-color: transparent;
  vertical-align:top;
  padding-top:2px;
  text-align: left;
	margin: 0.2em;
}
.checklistrow > vbox > label.value {
	
}
* html table.form-input tbody tr td.label { 	 
  padding-top:4px; 	 
} 	 
 	 
* html table.form-input tbody tr td div { 	 
  padding: 0px; 	 
}

img.entity_file{
  xposition:static;
  xtop:auto; 
  right:30px ! important; 
  z-index:1; 
  margin:0px;
  padding:0px;
  background-color: transparent;
  border: 1px outset ButtonHighlight;
}


.niceDateFormat {
  padding:0px 0px 0px 4px;
  width: 100%;
  font-size: .9em;
  color: GrayText;
}
.niceDateFormaterror {
  padding:0px 0px 0px 4px;
  width: 100%;
  font-size: .9em;
  color: red;
}
.required {
  background-position: top right;
  padding-right:20px ! important;
}
.error {
  font-weight: bold;
  color:       red !important;
  background-position: top right;
  padding-right:20px ! important;
	padding-left:20px ! important;
}
.menuButton.error {
  font-weight: bold;
  color:       red !important;
  background-position: top left;
  padding-right:0.5em ! important;
}
.warning {
  font-weight: bold;
  color:       red !important;
}

table#form-input tr td img.calendar {
  vertical-align:top;
  padding:0 3px 1px 0px;
  margin:0px;
  border:none;
}

.hidden {  display:none; }
.display { display:block;}

/* HTML module toolbar */
div#module_toolbar {
  margin:  0px;
  padding: 0px; 
  height: 100px;
	width: 100%;
	background:transparent url('/images/esoms_banner.png') no-repeat top right; 
}
/* if a specific month banner is needed, turn them on here */
.november_banner {
	xbackground:transparent url('/images/esoms_mo_banner.png') no-repeat top right ! important; 
}
.december_banner {
	xbackground:transparent url('/images/esoms_xm_banner.png') no-repeat top right ! important; 
}


div#module_toolbar table {
	margin:  0px;
  padding: 0px;
	border-spacing: 0px; /* overwrite FF html.css resource */
}
html > body > div#module_toolbar table img {
	margin-bottom:2px; /* stupid fix to stop second tr from moving when switching between HTML, and XUL */
}
div#module_toolbar table tr {
	margin:  0px;
  padding: 0px;
	border-spacing: 0px;
	vertical-align: inherit;
}
div#module_toolbar table tr td {
  width:  auto;
  text-align: center;
}

div#module_toolbar img {
	margin:  0px;
  padding: 0px;
	behavior: url("/images/pngbehavior/pngbehavior.htc");
	}
img.png {
	behavior: url("/images/pngbehavior/pngbehavior.htc");
}

div#module_toolbar_current_user {
	display:none;
}


table.productivity {
	width:100%;
	*width:98%;
  border-collapse:collapse; 
	border-spacing: 0;
	margin:0.1em;

}
table.productivity tbody {
	overflow-x:hidden;
	overflow-y:hidden;
}
table.productivity tr.connection th {
	font-size:1.1em;
  background-color: ActiveCaption;
  padding:.6em 0.2em .3em 2em;
  color:CaptionText;
  vertical-align:top;
  text-align: left;
	font-weight: bold;
}
table.productivity tr.header th {
  text-align: left;
	font-weight: normal;
}
table.productivity tr th {
	padding:0.2em 0em 0.2em 0.3em;
}
table.productivity tr td {
	padding:0.2em 0.6em 0.2em 0.8em;
}
table.productivity tr.totals td {
	font-weight: bold;
	padding-bottom:1em;
}





*.module_alert {
	text-align: center;
	-moz-box-sizing: border-box; /* need to use a stack with boixes, as relative pos doesnt translate for html in XUL */
	font-size: 10px;
	padding-top:4px;
	margin:0px;
	font-weight: bold;
  color:       white;
	position: absolute;
	top:5px;
	width:20px;
	height:20px;
	background:transparent url('/images/modules/module_alert.png') no-repeat; 
}



/* HTML toolbar */
div.toolbar table tr td {
  margin:  0px;
  padding: 0px; 
  padding-left:   3px;
  padding-right:  3px;
  padding-top:    65px;
  padding-bottom: 3px;
  width:  80px;
  border: 1px solid #D4D0C8;
  text-align: center;
}
div.toolbar table tr td.hover {
  border: 1px outset ButtonHighlight;
}


/* HTML status summary table */
.status_title { 
  padding:5px; 
  font-weight:      bold;
  color:  white;
  border: none;
  background-color: Highlight; /*#7F99CC;*/ 
}
.status_value { padding:2px; border: 1px solid Highlight;}







/* HTML toolbars */
div.toolbar div,
tr.toolbar td div {
  cursor : pointer;
  text-align: center;
  margin:              1px;
}

div.toolbar div.login,
tr.toolbar td div.login{
  background-image:    url('/images/icons/login.gif');
  background-repeat:   no-repeat;
  background-position: 0px 0px;
  padding-top:         80px;
  padding-bottom:      3px;
  width:               160px;
}

div.toolbar div.hover,
tr.toolbar td div.hover {
  background-position: -160px 0px;
  margin:              0px;
  border:              1px outset ButtonHighlight;
  color:               blue;
}
div.toolbar div.disabled,
tr.toolbar td div.disabled {
  background-position: -40px 0px;
  margin:              0px;
  border:              1px outset ButtonHighlight;
  color:               blue;
}


.test_image {
    float: right; 
    clear: right; 
    margin: 4px; 
}


* html div#status_box {
	position: absolute;
  top:      expression(
            (eval(ieBox ? document.body.clientHeight : documentElement.clientHeight)) - 
            (eval(document.getElementById('status_box') ? document.getElementById('status_box').offsetHeight : 0)) + "px"); 
}