/* Include Defaults */ /********************************************************************* Original Styles *********************************************************************/ /* h1 {font-family:tahoma; font-size: 10pt; color:black; margin-top:10px; margin-bottom:5px;} h2 {font-family:tahoma; font-size: 10pt; color:black; padding-bottom:3px; margin-bottom:0px; margin-top:10px;} h3 {font-family:tahoma; font-size: 10pt; font-style:italic; padding-bottom:0px; margin-bottom:0px;} p {font-family: tahoma, helvetica, arial, sans-serif; font-size:8pt; margin-top:5px; margin-bottom:5px;color:black} ul {margin: 0; padding-top:0px; padding-left: 20; } ul li {margin: 0; padding-top: 5; list-style-type: circle;} ol {margin: 0; padding-top:0px; padding-left: 20; } ol li {margin: 0; padding-top: 5;} table {font-family: tahoma, helvetica, arial, sans-serif; font-size:8pt; color: black; border-width:0px; border-collapse:collapse;} th {vertical-align:top; border-width:0px; padding-top:5px; padding-left:0px; padding-right:5px; padding-bottom:5px;} td {vertical-align:top; border-width:0px; padding-top:5px; padding-left:0px; padding-right:5px; padding-bottom:0px;} */ h1 {font-family:tahoma; font-size: 1em; color:black; margin-top:10px; margin-bottom:5px;} h2 {font-family:tahoma; font-size: 1em; color:black; padding-bottom:3px; margin-bottom:0px; margin-top:10px;} h3 {font-family:tahoma; font-size: 1em; font-style:italic; padding-bottom:0px; margin-bottom:0px;} p {font-family: tahoma, helvetica, arial, sans-serif; font-size:1em; margin-top:5px; margin-bottom:5px;color:black} ul {margin: 0; padding-top:0px; padding-left: 20; } ul li {margin: 0; padding-top: 5; list-style-type: circle;} ol {margin: 0; padding-top:0px; padding-left: 20; } ol li {margin: 0; padding-top: 5;} table {font-family: tahoma, helvetica, arial, sans-serif; font-size:1em; color: black; border-width:0px; border-collapse:collapse;} th {vertical-align:top; border-width:0px; padding:5px 5px 5px 0px;} td {vertical-align:top; border-width:0px; padding:5px 5px 0px 0px;} textarea {-moz-tab-size:2; -o-tab-size:2; -webkit-tab-size:2; tab-size:2;} /* convenience class to disable wrapping */ span.nowrap {white-space:nowrap} /* buttons used in system dialog */ input.systemdialogbutton {margin:0px 10px 0px 0px} /* set background color of disabled inputs */ :disabled {color:black;background-color:#faf5f5;} /* Class for showDialog() */ div.showdialog {position:absolute;top:100px;left:200px;background-color:white;color:black;border:1px solid black;padding:10px;height:auto;z-index:99} #SystemDialog {border-radius:4px;} /* Class for divs surrounding tabs in dialog */ div.dialogtab {border:solid 1px black;padding:10px} /* from http://stackoverflow.com/questions/4698054/css-does-the-width-include-the-padding used to standardize padding in IE */ * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} /* style for 'more' used to display additional text when clicked The more() function is used to create this element */ span.more {cursor:pointer;text-decoration:underline;margin-left:5px} img.hyperlink:hover {cursor:pointer;} /* iframe element used to suppress windowed controls in IE5/6 */ iframe#tcalIF {position: absolute; visibility: hidden; z-index: 10000; border: 0;} /* Meter NOTE: Meter styles are hardwired in THtmlMeter now because css classes don't work in gmail. */ div.meter_outer {border-radius:3px;border:solid 1px #c9c9c9;float:left} div.meter_outerleft {float:left;} div.meter_outerright {float:right;} div.meter_innerleft {float:right;background-color:#dc8989;border-right:solid 1px black} div.meter_innerright {position:relative;left:1;background-color:#2cf911;} /* meter - opaque */ div.meter_opaque {float:left} /********************************************************************* Description list (Could use more styles. A dl is a good way toreplace a series of header / paragraph combinations. *********************************************************************/ dl {} dt {font-weight:bold} dd {margin:10px 0px 10px 10px} /********************************************************************* Refresh, close and other icons *********************************************************************/ div.RefreshIconFloatRight {display:inline;float:right;padding:18px 0px 18px 36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_18dp_2x.png") no-repeat center;} /********************************************************************* Back-Office Styles *********************************************************************/ /* table used to format inventory sizes */ table.format_size {border-collapse:collapse; margin:0px; padding:0px; border:none} td.format_size_prefix {text-align:right; margin:0px; padding:0px; border:none} td.format_size_quantity {text-align:right; margin:0px; padding:0px; border:none} td.format_size_description {text-align:left; margin:0px; padding:0px 0px 0px 5px; border:none} /************************************************************************ Styles used for video container created using getVideoPlayer() function *************************************************************************/ ul.video_hyperlink {list-style-type:none;margin:0px;padding:0px 10px 0px 0px;} li.video_hyperlink {list-style-type:none;cursor:pointer;display:block;text-decoration:underline} span.video_hyperlink_title {padding:0px 0px 0px 5px} select.video_hyperlink {} /************************************************************************ Styles used for faqs and procedures displayed in site map guides *************************************************************************/ div.sitemap_doc_container {border:solid 1px #a0a0a0;border-radius:8px;padding:0px 0px 0px 0px;margin:5px 0px 5px 0px;} div.sitemap_doc_content {padding:5px 5px 5px 5px;} ul.support_task_hyperlink {list-style-type:none;padding:0px 10px 0px 0px} li.support_task_hyperlink {list-style-type:none;cursor:pointer;text-decoration:underline;} span.support_task_hyperlink {padding:0px 0px 0px 5px} /************************************************************************ Styles for site map template *************************************************************************/ /* style for views that have been deployed and are available to the user */ span.site_map_view_name_deployed {font-weight:bold;cursor:pointer;text-decoration:underline;padding:0px 0px 0px 0px} /* style for views that are ready for deployment but that have not been deployed yet */ span.site_map_view_name_ready {font-style:normal;font-weight:bold;color:black;cursor:pointer;text-decoration:underline;padding:0px 0px 0px 0px} /* style for views that are not ready for deployment */ span.site_map_view_name {font-style:normal;font-weight:bold;color:black;cursor:pointer;text-decoration:underline;padding:0px 0px 0px 0px} span.site_map_view_description {display:block;padding:5px 0px 0px 0px} /* embedded view containers */ /* NOTE: Do not add a margin here. Otherwise, views with 50% width will not float next to each other */ div.embedded_view_section {margin:0px 0px 0px 0px} /************************************************************************ styles used by the select file dialog. This dialog is created by the selectFile() function. *************************************************************************/ div.select_file_dialog {width:100%;position:absolute;top:100px;left:100px;z-index:99} div.select_file_dialog_title_container {height:35px;background-color:#e9e9e9;padding:5px 0px 5px 5px;margin:0px;border:solid 1px black;font-size:10pt;font-weight:bold;} @media only screen and (min-width:1281px) { div.select_file_dialog_title_container {height:20px;padding:0px 0px 0px 5px}; }; /************************************************************************ Default styles for all devices *************************************************************************/ select {font-size:1.6em;padding:0px 0px 0px 0px} option {font-size:1.0em} input {font-size:1.6em} /* This table is used for dialog fields and for external filters. These can be put into a table that will display inline (across the page) when the screen is wide but vertically when it is not. Using a table keeps the width of the cells containing the labels consistent when displayed vertically. */ table.inline tr {display:table-row;margin-right:0px;} @media only screen and (min-width:700px) { /* when the minimum width is 700px, display the table rows inline */ table.inline tr {display:inline;margin-right:10px;} } input[type=checkbox] { /* Double-sized Checkboxes */ -ms-transform: scale(1.5,1.5); /* IE */ -moz-transform: scale(1.5,1.5); /* FF */ -webkit-transform: scale(1.5,1.5); /* Safari and Chrome */ -o-transform: scale(1.5,1.5); /* Opera */ margin: 10px 10px 10px 10px; } /* Default widths for date/time and number fields These are used in table records and may also be used in dialogs */ input.DefaultNumberInput {min-width:60px;max-width:100px;text-align:right} input.DefaultDateInput {min-width:100px} input.DefaultTimeInput {min-width:100px} input.DefaultDateTimeInput {min-width:140px} /* 04-02-2016: Added these styles to standardize widths for text, date and number inputs. The width of the input is increased on smaller screens to accommodate the larger font used. A media query below sets the width back to a smaller value on larger screens. */ input.short {width:100%;max-width:120px} input.medium {width:100%;max-width:150px} input.long {width:100%;max-width:250px} input.date {width:150px} input.time {width:150px} input.datetime {width:auto} input.number {width:85px;text-align:right} input.int {width:80px;text-align:right} select.short {width:100%;max-width:120px} select.medium {width:100%;max-width:150px} select.long {width:100%;max-width:250px} span.number {display:block;width:85px;text-align:right} span.int {display:block;width:80px;text-align:right} span.date {display:block;width:125px} span.time {display:block;width:125px} span.datetime {display:block;width:auto} /************** [2] Screen width >=320px **************/ @media only screen and (min-width:320px) { } /************** [3] Screen width >=519px **************/ @media only screen and (min-width:519px) { /* Note: Dates are displayed like a select box on a mobile device and they do not take as much room. In a desktop browser at about 1/2 the width of the screen, they need more room. Bottom line- the field can be smaller for a mobile device and needs to be larger for a desktop browser. */ input.date {width:165px} input.time {width:165px} } /************** [4] Screen width >=759px **************/ @media only screen and (min-width:759px) { } /************** [5] Screen width >=1024px **************/ @media only screen and (min-width:1024px) { body {font-size:1.2em} select {font-size:1.2em;padding:0px 0px 0px 0px} option {font-size:1.2em} input {font-size:1.2em} p {font-size:1.2em} /* go back to standard-sized Checkboxes */ input[type=checkbox] { -ms-transform: scale(1,1); /* IE */ -moz-transform: scale(1,1); /* FF */ -webkit-transform: scale(1,1); /* Safari and Chrome */ -o-transform: scale(1,1); /* Opera */ margin: 5px 5px 5px 5px; } input.DefaultNumberInput {min-width:50px;max-width:70px;text-align:right} input.DefaultDateInput {min-width:80px} input.DefaultTimeInput {min-width:80px} input.DefaultDateTimeInput {min-width:120px} } /************** [5] Screen width >=1281px **************/ @media only screen and (min-width:1024px) { /* adjust size of select boxes */ select {font-size:1em;padding:0px 0px 0px 0px} option {font-size:1em} input {font-size:1em} body {font-size:1em} p {font-size:1em} /* 04-02-2016: Added these styles to standardize widths for text, date and number inputs. The width of the input is increased on smaller screens to accommodate the larger font used. */ input.short {width:100%;max-width:80px} input.medium {width:100%;max-width:150px} input.long {width:100%;max-width:250px} input.date {width:120px} input.time {width:80px} input.datetime {width:auto} input.number {width:80px;text-align:right} input.int {width:80px;text-align:right} select.short {width:100%;max-width:80px} select.medium {width:100%;max-width:150px} select.long {width:100%;max-width:250px} span.number {width:80px;text-align:right} span.int {width:80px;text-align:right} span.date {width:80px} span.time {width:80px} span.datetime {width:auto} /********************************************************************* Refresh, close and other icons *********************************************************************/ div.RefreshIconFloatRight {display:inline;float:right;padding:12px 0px 12px 24px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_24dp_1x.png") no-repeat center;} } /* Include Aspect Support */ span.AspectSupport {} div.AspectSupport {} tr.AspectSupport {} td.AspectSupport {} ul.AspectSupport {} li.AspectSupport {} /* Include Tables (border, no border...) */ /* tables */ table.basic1 {} th.basic1 {text-align:left; background-color:white; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;} td.basic1 {vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;} table.basic1 {} /* 11-02-2015: Modified th to remove border to provide a workaround for scrolling tables in which the header widths don't exactly match the column widths in a table. They can be off a few pixels, possibly due to the scrollbar. table.basic1 th {text-align:left; background-color:white; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;} */ table.basic1 th {text-align:left; background-color:white; vertical-align:bottom; border:none; padding:2px 3px 2px 3px;} table.basic1 td {vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} table.basic1 tr.section {border:solid 1px #b8b8b8} td.basic1_subtotal {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.basic1_subtotal0 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.basic1_subtotal1 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.basic1_subtotal2 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.basic1_subtotal3 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.basic1_subtotal4 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.basic1_subtotal5 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.basic1_subtotal6 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.enterprise_amount_subtotal {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.enterprise_amount_subtotal0 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.enterprise_amount_subtotal1 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.enterprise_amount_subtotal2 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.enterprise_amount_subtotal3 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.enterprise_amount_subtotal4 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.enterprise_amount_subtotal5 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} td.enterprise_amount_subtotal6 {font-weight:bold; vertical-align:top; border-width:1px; border-style:solid; border-color:#b8b8b8; padding:2px 3px 2px 3px;} /* bordered table */ table.bordered {border-style:solid; border-width:1; padding:10px; border-color:cccccc;} table.bordered th {vertical-align: bottom; border-style:solid; border-width:1; margin:0px; padding-left:5px; padding-top:0px; padding-right:10px; padding-bottom:0px; border-color:cccccc;} table.bordered td {border-style:solid; border-width:1; margin:0px; padding-left:5px; padding-top:0px; padding-right:10px; padding-bottom:0px; border-color:cccccc;} /* table - no border */ table.noborder {} th.noborder {text-align:left; vertical-align:top; border-width:0px; border-style:none; border-color:#b8b8b8; padding:2px 2px 2px 2px;} td.noborder {vertical-align:top; border-width:0px; border-style:none; border-color:#b8b8b8; padding:2px 2px 2px 2px;} table.noborder th {text-align:left; vertical-align:top; border-width:0px; border-style:none; border-color:#b8b8b8; padding:2px 2px 2px 2px;} table.noborder td {vertical-align:top; border-width:0px; border-style:none; border-color:#b8b8b8; padding:2px 2px 2px 2px;} /* td classes */ td.negative {background-color:red} td.redbkgnd {background-color:#ffcccc} td.greenbkgnd {background-color:#d9ffe1} /************** [5] Screen width >=1281px **************/ @media only screen and (min-width:1281px) { } /* Aspect Charts */ div.chart_title {width:100%;background-color:white;border:solid 0px black;text-align:center;font-weight:bold;font-size:2em} div.chart_leftaxis {width:auto;background-color:red;float:left;border:none;margin0px;padding:0px} /* saved plotarea_container color: #f3f2f2 */ div.chart_plotarea_container {width:100%;overflow:auto;background-color:white;position:absolute;float:left;margin:0px;padding:0px;border:solid 1px black} div.chart_plotarea {width:100%;height:100%;background-color:transparent;border-bottom:solid 1px black;position:relative} div.chart_rightaxis {width:auto;background-color:white;float:right;border:none;margin0px;padding:0px} div.chart_bottomaxis {width:100%;background-color:color:transparent;border:solid 0px black;height:auto;position:absolute} div.chart_slider {width:50px;background-color:white;border:none;clear:both;margin:0px;padding:0px;position:relative} input.slider_input {width:100%} div.chart_legend {width:50px;background-color:red;float:orange;border:solid 0px black} div.vertical_axis_major_tick_container {border:none;position:absolute} div.vertical_left_axis_major_tick {border:none;background-color:white;position:absolute;margin:0px;padding:0px;text-align:right} div.vertical_right_axis_major_tick {border:none;background-color:white;position:absolute;margin:0px;padding:0px;text-align:left} div.vertical_axis_minor_tick_container {border:none;position:absolute;background-color:white} div.vertical_axis_minor_tick {border:none;background-color:white;position:absolute;margin:0px;padding:0px;} hr.vertical_tick {} div.vertical_tick_value {position:relative} /* styles for bottom axis of a line or column chart */ div.bottom_axis_tick_container {position:absolute;border:none;display:inline;padding:0px;margin:0px} div.bottom_axis_tick {transform:rotate(45deg);position:relative;top:20px;left:-5;white-space:nowrap}; /* styles for bottom axis of a scatter chart */ div.bottomxy_axis_major_tick_container {border:none;position:absolute} div.bottomxy_axis_major_tick {display:inline;border:none;background-color:white;position:absolute;margin:0px;padding:0px;text-left} div.bottomxy_axis_minor_tick_container {border:none;position:absolute;background-color:white} div.bottomxy_axis_minor_tick {display:inline;border:none;background-color:black;position:absolute;margin:0px;padding:0px;} hr.bottomxy_tick {} div.bottomxy_tick_value {position:relative} ul.chart_legend {} li.chart_legend {display:inline;float:left} div.chart_legend_marker {width:10px;height:10px;margin-left:10px;margin-right:5px;display:inline} span.chart_legend_text {font-weight:bold;color:black} div.point {position:absolute;width:2px;height:3px;z-index:3} div.point:hover {background-color:red;width:10px;height:10px;} div.chartYearTick {z-index:2;position:absolute;background-color:black;width:2px;margin:0px;padding:0px;border:none} div.chartMonthTick {z-index:2;position:absolute;background-color:#cac2c2;width:1px;margin:0px;padding:0px;border:none} div.chartTodayTick {z-index:2;position:absolute;background-color:#7cfc00;width:2px;margin:0px;padding:0px;border:none} div.recession_shade {position:absolute;background-color:#c9c9c9;opacity:0.5} div.chart_horz_crosshair {position:fixed;display:none;height:1px;background-color:#300eec;z-index:99} div.chart_vert_crosshair {position:fixed;display:none;width:1px;background-color:#300eec;z-index:99} div.point_info_container {position:absolute;z-index:4;opacity:0.7;border:solid 1px black;width:250px;height:auto;padding:5px;background-color:white} div.point_info {font-weight:bold} div.point_info_close_icon {float:right} /* Include UI Menu */ /************************************************************************ Styels for UI menu bar *************************************************************************/ /* Container surrounding the menu bar */ #MenuBarComtainer {margin:0px;padding:0px;width:100%} /* UL containing selected user, computer and view In the LI element, using float:left instead of display:inline causes the width to be implemented. Margin sets spacing outside the li element and padding adjusts the position of the text within the li element */ ul.MenuBar {width:100%;padding:0px;margin:0px} ul.MenuBar li {font-weight:normal;font-size:1.6em} /* LI elements used for the selected user, computer and view. One class is used when the element is not selected and another when it is. The border and background color change when the element is selected. Borders in both cases are done so that a double border does not occur where two elements share a border */ /* a less pronounced gradient is used for mobile devices (a) since there is not as much space over which to apply the gradient */ li.MenuBarLeft {float:left;display:block;border-top:solid 1px black;border-bottom:solid 1px black;border-left:solid black 1px;border-right:none;background:linear-gradient(to bottom left,#2ba751,#166d35);margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;cursor:pointer} li.MenuBarMiddle {float:left;display:block;border-top:solid 1px black;border-bottom:solid 1px black;border-left:solid black 1px;border-right:none;background:linear-gradient(to bottom left,#2ba751,#166d35);margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;cursor:pointer} li.MenuBarRight {float:left;display:block;border-top:solid 1px black;border-bottom:solid 1px black;border-left:solid black 1px;border-right:solid 1px black;background:linear-gradient(to bottom left,#2ba751,#166d35);margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;cursor:pointer} li.MenuBarLeftSelected {float:left;display:block;border-top:solid 1px black;border-bottom:none;border-left:solid black 1px;border-right:none;background:linear-gradient(to bottom left,#2ba751,#166d35);margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;cursor:pointer} li.MenuBarMiddleSelected {float:left;display:block;border-top:solid 1px black;border-bottom:none;border-left:solid black 1px;border-right:none;background:linear-gradient(to bottom left,#2ba751,#166d35);margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;cursor:pointer} li.MenuBarRightSelected {float:left;display:block;border-top:solid 1px black;border-bottom:none;border-left:solid black 1px;border-right:solid 1px black;background:linear-gradient(to bottom left,#2ba751,#166d35);margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;cursor:pointer} /* original gray */ li._MenuBarLeft {float:left;display:block;border-top:solid 1px black;border-bottom:solid 1px black;border-left:solid black 1px;border-right:none;background-color:#F0F0F0;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;cursor:pointer} li._MenuBarMiddle {float:left;display:block;border-top:solid 1px black;border-bottom:solid 1px black;border-left:solid black 1px;border-right:none;background-color:#F0F0F0;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;cursor:pointer} li._MenuBarRight {float:left;display:block;border-top:solid 1px black;border-bottom:solid 1px black;border-left:solid black 1px;border-right:solid 1px black;background-color:#F0F0F0;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;cursor:pointer} li._MenuBarLeftSelected {float:left;display:block;border-top:solid 1px black;border-bottom:none;border-left:solid black 1px;border-right:none;background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;cursor:pointer} li._MenuBarMiddleSelected {float:left;display:block;border-top:solid 1px black;border-bottom:none;border-left:solid black 1px;border-right:none;background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;cursor:pointer} li._MenuBarRightSelected {float:left;display:block;border-top:solid 1px black;border-bottom:none;border-left:solid black 1px;border-right:solid 1px black;background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:left;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;cursor:pointer} /* list items included in the top bar. Widths are set here */ #UISelectedUser {width:30%;height:36px} #UISelectedComputer {width:30%;height:36px} #UISelectedView {width:30%;height:36px} #UISettings {width:10%;height:36px} /* icons displayed in the top bar */ #UISelectedUserIcon {float:left;margin:0px 0px 0px 40%;padding:36px 0px 0px 36px;width:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_perm_identity_white_18dp_2x.png") no-repeat left;} #UISelectedComputerIcon {float:left;margin:0px 0px 0px 40%;padding:36px 0px 0px 36px;width:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_laptop_windows_white_18dp_2x.png") no-repeat left;} #UISelectedViewIcon {float:left;margin:0px 0px 0px 40%;padding:36px 0px 0px 36px;width:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_web_white_18dp_2x.png") no-repeat left;} #UISettingsIcon {float:left;margin:0px 0px 0px 0px;padding:36px 0px 0px 36px;width:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_menu_white_18dp_2x.png") no-repeat left;} #UIContactUs {display:none;margin:0px;padding:0px} /* text displayed in the top bar */ #UISelectedUserText {color:white;font-weight:bold;display:none;padding:0px 0px 0px 5px;line-height:36px;vertical-align:bottom;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #UISelectedComputerText {color:white;font-weight:bold;display:none;padding:0px 0px 0px 5px;line-height:36px;vertical-align:bottom;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #UISelectedViewText {color:white;font-weight:bold;display:none;padding:0px 0px 0px 5px;line-height:36px;vertical-align:bottom;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #UISettingsText {color:white;font-weight:bold;display:none;padding:0px 0px 0px 5px;line-height:36px;vertical-align:bottom} /************** [3] Screen width >=519px **************/ @media only screen and (min-width:519px) { /* change the gradient in the top bar */ li.MenuBarLeft {background:linear-gradient(to bottom left,#3ec568,#166d35);} li.MenuBarMiddle {background:linear-gradient(to bottom left,#3ec568,#166d35);} li.MenuBarRight {background:linear-gradient(to bottom left,#3ec568,#166d35);} li.MenuBarLeftSelected {background:linear-gradient(to bottom left,#3ec568,#166d35);} li.MenuBarMiddleSelected {background:linear-gradient(to bottom left,#3ec568,#166d35);} li.MenuBarRightSelected {background:linear-gradient(to bottom left,#3ec568,#166d35);} /* icons displayed in the top bar */ #UISelectedUserIcon {margin:0px 0px 0px 5px;} #UISelectedComputerIcon {margin:0px 0px 0px 5px;} #UISelectedViewIcon {margin:0px 0px 0px 5px;} #UISettingsIcon {margin:0px 0px 0px 5px;} /* show text in top menu bar (user, computer, view) */ #UISelectedUserText {display:inline} #UISelectedComputerText {display:inline} #UISelectedViewText {display:inline} #UISettingsText {display:inline} } /************** [5] Screen width >=1281px **************/ @media only screen and (min-width:1024px) { /* add a small margin to the left of the top menu */ #MenuBarComtainer {padding-left:0.0%;width:100%} /* adjust size of list items in menu bar */ ul.MenuBar li {font-size:1em} /* adjust widths of menu bar items */ #UISelectedUser {width:30%;max-width:200px;height:24px} #UISelectedComputer {width:30%;max-width:200px;height:24px} #UISelectedView {width:30%;max-width:200px;height:24px} #UISettings {width:45px;height:24px} /* adjust icon sizes and dimensions */ #UISelectedUserIcon {padding:24px 0px 0px 24px;width:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_perm_identity_white_24dp_1x.png") no-repeat left;} #UISelectedComputerIcon {padding:24px 0px 0px 24px;width:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_laptop_windows_white_24dp_1x.png") no-repeat left;} #UISelectedViewIcon {padding:24px 0px 0px 24px;width:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_web_white_24dp_1x.png") no-repeat left;} #UISettingsIcon {padding:24px 0px 0px 24px;width:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_menu_white_24dp_1x.png") no-repeat left;} #UIContactUs {display:block} /* adjust dimensions of text in the menu bar */ #UISelectedUserText {padding:0px 0px 0px 5px;line-height:24px;} #UISelectedComputerText {padding:0px 0px 0px 5px;line-height:24px;} #UISelectedViewText {padding:0px 0px 0px 5px;line-height:24px;} #UISettingsText {padding:0px 0px 0px 5px;line-height:24px;} } /* Include UI Popups */ /************************************************************************ Styles for UI Popups (user, computer, view) *************************************************************************/ div.UIPopup {position:absolute;top:50px;left:20px;width:250px;height:350px;padding:10px;border-top:none;border-left:solid 1px black;border-right:solid 1px black;border-bottom:solid 1px black;background-color:#FFFFFF;z-index:99} /* Containers (div) surrounding popup content for user, computer and view */ #UIUserPopup {} #UIComputerPopup {} #UIViewPopup {} #UISettingsPopup {} /* Title text in popup windows */ h1.PopupTitle {padding:0px;margin:0px} /* Button clicked to open a view from the view popup The OpenViewButtonAlt class is used when the button is displayed in a guide instead of the view menu. The padding is adjusted so the button is aligned horizontally with the parameters. The class is modified by showViewParamsContainer() when the params are displayed in the guide and it is restored by restoreUIViewParamsContainer() when the params are moved back to the view menu */ div.OpenViewButton {display:inline; margin:0px 0px 0px 0px;padding:18px 18px 18px 18px;width:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_open_in_new_black_18dp_2x.png") no-repeat center;} div.OpenViewButtonAlt {display:inline; margin:0px 0px 0px 0px;padding:9px 18px 27px 18px;width:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_open_in_new_black_18dp_2x.png") no-repeat center;} /* div for popup content */ div.UIPopup1 {border-top:none;height:300px}; /* UL containing list items for user name / password */ /* The ul.ULUserProfile stye is added because setting the style by ID was not working */ #ULUserProfile {border:none;float:none;display:block;margin:0px;padding:0px} ul.ULUserProfile {border:none;float:none;display:block;margin:0px;padding:0px} #ULUserProfile li {border:none;display:block;list-style-type:none;} /* UL containing search box in company and computer in popup content */ #ULComputerSearch {border:none;float:none;display:block;margin:0px;padding:0px} #ULComputerSearch li {border:none;display:block;} /* UL containing history in company and computer in popup content */ #ULComputerHistory {border:none;float:none;display:block;margin:0px;padding:0px} #ULComputerHistory li {border:none;display:block;} /* UL containing list items for company and computer in popup content */ #ULCompanyComputer {border:none;float:none;display:block;margin:0px;padding:0px} #ULCompanyComputer li {border:none;display:block;} /* UL containing package, category and view in popup content */ #ULPackageCategoryView {width:100%;border:none;float:none;display:block;margin:0px;padding:0px} #ULPackageCategoryView li {width:100%;border:none;display:block} /* Input elements used to get user, company, computer, package, category and view Setting the width to 60% causes them to align with the User and Computer menu options in the top menubar */ #UIselect_user_profile {width:60%;max-width:300px} #UIselect_user_password {width:60%;max-width:300px} #UISelectUserCompany {width:60%;max-width:300px} #UISelectUserComputer {width:60%;max-width:300px} #UISelectUserComputerHistory {width:60%;max-width:300px} #UISelectPackage {width:60%;max-width:300px} #UISelectViewCategory {width:60%;max-width:300px} #UISelectView {width:60%;max-width:300px} /* UL used for view parameters */ #ULViewParams {padding:0px;margin:0px;} /* add some space above the view parameters for smaller screens */ #view_params_outer_container {margin:10px 0px 0px 0px} /* LI used for view parameters. Padding and margin need to be 0 so the element does not take up room when the parameter is hidden. Add margins to the input element. */ div.ViewParamsContainer {float:left;margin:5px 5px 5px 0px;padding:0px;} /* span surrounding "Open" buton */ #open_view_container {clear:both} /* div used to display parameters in a location other than the view popup */ #AltUIParamsContainer {width:100%;max-width:600px;height:auto;min-height:15px;padding:0px;margin:0px;border:none;background-color:transparent;} /* div surrounding all view output, including the select box and table used to select views */ #ViewOutputContainer {padding-left:0.0%;width:100.0%} /* select box for open views */ #OutputSelectContainer {display:inline;width:100%;overflow:auto;} /* Note: The max-width of this element is temporarily hard-wired to match the max width of the tabs above it. The tabs and this element need to be contained in a wrapper that sets the max-width so this element and the tabs can be sized to 100% of the wrapper */ #OutputSelect {display:none;width:100%;max-width:647px;padding:2px 0px 2px 0px} /**************************************************************** styles for select box mirror in the views popup *****************************************************************/ #UIOutputSelectMirror {width:60%;max-width:300px} #UIOutputSelectMirrorClose {padding:18px 0px 18px 36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_18dp_2x.png") no-repeat center;} #UIOutputSelectMirrorRefresh {padding:18px 0px 18px 36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_18dp_2x.png") no-repeat center;} /* Element used to display Close All option to close all open views */ #UICloseAllViews {float:right;display:none} /* Element used to close the current display. Displayed when the view selection is made using the select box. */ #UICloseSelectedView {float:right;border:none;padding:0px 0px 0px 20px;width:10%;height:20px;margin:5px 0px 0px 0px;display:none;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_18dp_2x.png") no-repeat center;} /************** [5] Screen width >=1281px **************/ @media only screen and (min-width:1024px) { /**************************************************************** styles for select box mirror in the views popup *****************************************************************/ #UIOutputSelectMirrorClose {padding:12px 0px 12px 24px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_24dp_1x.png") no-repeat center;} #UIOutputSelectMirrorRefresh {padding:12px 0px 12px 24px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_24dp_1x.png") no-repeat center;} /* remove space above the view parameters for larger screens */ #view_params_outer_container {margin:0px 0px 0px 0px} /* Button clicked to open a view from the view popup */ div.OpenViewButton {display:inline; margin:0px 0px 0px 0px;padding:12px 0px 12px 24px;width:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_open_in_new_black_24dp_1x.png") no-repeat center;} div.OpenViewButtonAlt {display:inline; margin:0px 0px 0px 0px;padding:5px 0px 19px 24px;width:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_open_in_new_black_24dp_1x.png") no-repeat center;} } /* Include UI View Management */ /**************************************************************** styles for displaying views *****************************************************************/ /* container surrounding the view, including the title bar */ div.ViewContainer {width:100%;background-color:white;border:none;width:100%} div.output_loading {width:100%;text-align:center;margin:15px 0px 0px 0px} div.table_refreshing {width:100%;text-align:center;position:relative;top:75px;z-index:99} /* container surrounding the view content, not including the title bar Overflow-y is set to visible and height to auto so that edit dialogs, display dialogs and table info dialogs are not chopped off when there are only a few records in the table. */ div._ViewContent {border-top:solid 1px black;overflow-y:visible;height:auto;width:100%} div.ViewContent {border:none;overflow-y:visible;height:auto;width:100%} /* Container surrounding view contaols */ div.view_controls {border-top:1px solid black;height:36px;width:100%;padding:0px;margin:0px;z-index:4} span.view_controls {border-top:1px solid black;display:block;background-color:transparent;z-index:4} span.view_control_close_icon {cursor:pointer;margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_18dp_2x.png") no-repeat left;} span.view_control_refresh_icon {cursor:pointer;margin:10px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_18dp_2x.png") no-repeat left;} span.view_control_print_icon {cursor:pointer;margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_print_black_18dp_2x.png") no-repeat left;} span.view_control_email_icon {cursor:pointer;margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_mail_outline_black_18dp_2x.png") no-repeat left;} /* table containing tabs for open views */ #OutputTabs {display:none} /* styles for the view tab and image used to close the tab */ td.view_tab {whitespace:no-wrap;border:none;} div.ViewTabCloseIcon {display:inline;padding-left:36px;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_18dp_2x.png") no-repeat center;} AAAimg.view_tab {position:relative;top:0px;left:5px;padding:0px 5px 0px 0px} /* Image displayed at top of view to refresh the view */ div.view_refresh {width:30px;height:20px;border:none;float:right;padding:0px;margin:0px;position:relative;top:0px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_18dp_2x.png") no-repeat center;} /* Image displayed at top of view to close the view */ div.view_close {width:30px;height:20px;float:right;padding:0px;margin:0px;position:relative;top:0px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_18dp_2x.png") no-repeat center;} /* These divs contain the source name, elapsed time and icons used to refresh and close the view Because all elements in the title are float left or right, overflow-y is set to auto to prevent the div from collapsing since it contains no content The bottom border is set to none for title1 because a top border is set for ViewContent. This keeps the border in place when the select box is used to select views and the title is hidden. */ div.view_title1 {width:100%;overflow-y:auto;overflow-x:hidden;background-color:#e9e9e9;font-size:1.6em;padding:0px;margin:0px;border:border:solid 1px black;border-bottom:none} div.view_title2 {width:100%;margin:5px} /* Name of source computer displayed in view title */ div.view_source_name {font-weight:normal;width:75%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* Elapsed time for view to load - hidden for small screens */ div.view_elapsed_time {font-weight:normal;display:none} @media only screen and (min-width:1024px) { /* adjust size of view title */ div.view_title1 {font-size:1em;} div.ViewContent {border-top:solid 1px black;} /* Container surrounding view contaols */ div._view_controls {height:24px;} div.view_controls {float:right;height:24px;position:relative;top:-24px;background-color:white;z-index:4} /* 12-19-2017: Modified this to position the view controls on the top right using fixed positioning instead of relative positioning. Using relative affects floating elements in an embedded view container. For example, in the support dashboard, when three sections are set to float and each have a width of 33%, the rightmost one stays to the right but drops down beneath the other two. */ span.view_controls {border:none;display:inline;float:right;position:fixed;top:20px;right:0px;background-color:white;z-index:4} /* span.view_controls {border:none;display:inline;float:right;position:relative;top:-24px;background-color:white;z-index:4} */ span.view_control_close_icon {margin:0px;padding:12px;width:24px;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_24dp_1x.png") no-repeat left;;z-index:4} span.view_control_refresh_icon {margin:10px;padding:12px;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_24dp_1x.png") no-repeat left;} span.view_control_print_icon {margin:0px;padding:12px;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_print_black_24dp_1x.png") no-repeat left;} span.view_control_email_icon {margin:0px;padding:12px;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_mail_outline_black_24dp_1x.png") no-repeat left;} /* styles for the view tab and image used to close the tab */ div.ViewTabCloseIcon {padding-left:24px;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_24dp_1x.png") no-repeat center;} /* Name of source computer displayed in view title */ div.view_source_name {width:auto;font-weight:bold;display:block;float:left} /* Show elapsed time for view to load. It's hidden for small screens */ div.view_elapsed_time {font-weight:bold;display:block;float:left} /* adjust size of image displayed at top of view to refresh the view */ div.view_refresh {width:25px;height:20px;border:none;float:right;position:relative;top:-5px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_24dp_1x.png") no-repeat center;} /* adjust size of image displayed at top of view to close the view */ div.view_close {width:25px;height:20px;float:right;position:relative;top:-5px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_24dp_1x.png") no-repeat center;} #OutputSelectContainer {display:none;} #OutputTabs {display:block} } /************** [5] Screen width >=1920px **************/ @media only screen and (min-width:1600px) { span.view_control_refresh_icon {margin:0px;padding:12px;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_24dp_1x.png") no-repeat left;} } /* Include UI Inspect */ /**************************************************************** styles for inspect menu *****************************************************************/ div.inspect_menu_container {width:auto;height:auto;min-width:200px;max-width:300px;position:absolute;z-index:2;background-color:white;border:1px solid red;padding:5px;margin:0px} td.inspectRecordTD {padding:0px} ul.inspect_menu_ul {display:block;padding:0px;margin:0px} li.inspect_menu_li {cursor:pointer;list-style-type:none;margin:5px 0px 0px 0px} li.inspect_menu_li_disabled {list-style-type:none;margin:0px;color:#606060;font-style:italic} /* Include Icons */ div.map_pointer {margin:0px;padding:36px 0px 0px 36px;width:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_place_black_18dp_2x.png") no-repeat left;} span.map_pointer {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_place_black_18dp_2x.png") no-repeat left;} span.keyboard_arrow_left {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_left_black_18dp_2x.png") no-repeat left;} span.keyboard_arrow_down {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_down_black_18dp_2x.png") no-repeat left;} span.keyboard_arrow_right {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_right_black_18dp_2x.png") no-repeat left;} span.keyboard_arrow_up {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_up_black_18dp_2x.png") no-repeat left;} span.my_location {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_my_location_black_18dp_2x.png") no-repeat left;} span.zoom_in {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_zoom_in_black_18dp_2x.png") no-repeat left;} span.zoom_out {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_zoom_out_black_18dp_2x.png") no-repeat left;} span.zoom_out {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_zoom_out_black_18dp_2x.png") no-repeat left;} span.clear {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_18dp_2x.png") no-repeat left;} span.refresh {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_18dp_2x.png") no-repeat left;} span.done {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_done_black_18dp_2x.png") no-repeat left;} span.clear {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_18dp_2x.png") no-repeat left;} span.play_arrow {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_play_arrow_black_18dp_2x.png") no-repeat left;} span.play_arrow_reverse {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_play_arrow_reverse_black_18dp_2x.png") no-repeat left;} span.skip_previous {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_skip_previous_black_18dp_2x.png") no-repeat left;} span.skip_next {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_skip_next_black_18dp_2x.png") no-repeat left;} span.pause {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_pause_black_18dp_2x.png") no-repeat left;} span.movie {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_movie_black_18dp_2x.png") no-repeat left;} span.help {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_help_outline_black_18dp_2x.png") no-repeat left;} span.help_outline {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_help_outline_black_18dp_2x.png") no-repeat left;} span.error {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_error_outline_black_18dp_2x.png") no-repeat left;} span.error_outline {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_error_outline_black_18dp_2x.png") no-repeat left;} span.build {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_build_black_18dp_2x.png") no-repeat left;} span.videocam {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_videocam_black_18dp_2x.png") no-repeat left;} span.info_outline {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_info_outline_black_18dp_2x.png") no-repeat left;} span.subject {margin:0px;padding:18;line-height:36px;background:url("/?network=greenlight&id=getimage&filename=ic_subject_black_18dp_2x.png") no-repeat left;} span.solid_green {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_solid_green_circle_18dp_2x.png") no-repeat left;} span.solid_white {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_solid_white_circle_18dp_2x.png") no-repeat left;} span.solid_red {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_solid_red_circle_18dp_2x.png") no-repeat left;} span.transparent {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_transparent_18dp_2x.png") no-repeat left;} span.print {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_print_black_18dp_2x.png") no-repeat left;} span.add {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_add_black_18dp_2x.png") no-repeat left;} span.remove {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_remove_black_18dp_2x.png") no-repeat left;} span.fast_forward {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_fast_forward_black_18dp_2x.png") no-repeat left;} span.fast_rewind {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_fast_rewind_black_18dp_2x.png") no-repeat left;} span.search {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_search_black_18dp_2x.png") no-repeat left;} div.search {margin:0px;padding:36px 0px 0px 36px;width:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_search_black_18dp_2x.png") no-repeat center;} span.vertical_align_bottom {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_vertical_align_bottom_black_18dp_2x.png") no-repeat left;} div.vertical_align_bottom {margin:0px;padding:36px 0px 0px 36px;width:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_vertical_align_bottom_black_18dp_2x.png") no-repeat center;} span.folder_open {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_folder_open_black_18dp_2x.png") no-repeat left;} div.folder_open {margin:0px;padding:36px 0px 0px 36px;width:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_folder_open_black_18dp_2x.png") no-repeat center;} span.open_in_new {margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_open_in_new_black_18dp_2x.png") no-repeat left;} @media only screen and (min-width:1024px) { div.map_pointer {margin:0px;padding:24px 0px 0px 24px;width:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_place_black_24dp_1x.png") no-repeat left;} span.map_pointer {margin:0px;padding:12px;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_place_black_24dp_1x.png") no-repeat left;} span.keyboard_arrow_left {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_left_black_24dp_1x.png") no-repeat left;} span.keyboard_arrow_down {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_down_black_24dp_1x.png") no-repeat left;} span.keyboard_arrow_right {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_right_black_24dp_1x.png") no-repeat left;} span.keyboard_arrow_up {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_up_black_24dp_1x.png") no-repeat left;} span.my_location {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_my_location_black_24dp_1x.png") no-repeat left;} span.zoom_in {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_zoom_in_black_24dp_1x.png") no-repeat left;} span.zoom_out {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_zoom_out_black_24dp_1x.png") no-repeat left;} span.clear {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_24dp_1x.png") no-repeat left;} span.refresh {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_24dp_1x.png") no-repeat left;} span.done {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_done_black_24dp_1x.png") no-repeat left;} span.clear {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_24dp_1x.png") no-repeat left;} span.play_arrow {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_play_arrow_black_24dp_1x.png") no-repeat left;} span.play_arrow_reverse {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_play_arrow_reverse_black_24dp_1x.png") no-repeat left;} span.skip_previous {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_skip_previous_black_24dp_1x.png") no-repeat left;} span.skip_next {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_skip_next_black_24dp_1x.png") no-repeat left;} span.pause {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_pause_black_24dp_1x.png") no-repeat left;} span.movie {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_movie_black_24dp_1x.png") no-repeat left;} span.help {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_help_outline_black_24dp_1x.png") no-repeat left;} span.help_outline {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_help_outline_black_24dp_1x.png") no-repeat left;} span.error {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_error_outline_black_24dp_1x.png") no-repeat left;} span.error_outline {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_error_outline_black_24dp_1x.png") no-repeat left;} span.build {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_build_black_24dp_1x.png") no-repeat left;} span.videocam {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_videocam_black_24dp_1x.png") no-repeat left;} span.info_outline {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_info_outline_black_24dp_1x.png") no-repeat left;} span.subject {margin:0px;padding:12;line-height:24px;background:url("/?network=greenlight&id=getimage&filename=ic_subject_black_24dp_1x.png") no-repeat left;} span.solid_green {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_solid_green_circle_24dp_1x.png") no-repeat left;} span.solid_white {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_solid_white_circle_24dp_1x.png") no-repeat left;} span.solid_red {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_solid_red_circle_24dp_1x.png") no-repeat left;} span.transparent {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_transparent_24dp_1x.png") no-repeat left;} span.print {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_print_black_24dp_1x.png") no-repeat left;} span.add {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_add_black_24dp_1x.png") no-repeat left;} span.remove {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_remove_black_24dp_1x.png") no-repeat left;} span.fast_forward {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_fast_forward_black_24dp_1x.png") no-repeat left;} span.fast_rewind {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_fast_rewind_black_24dp_1x.png") no-repeat left;} span.search {margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_search_black_24dp_1x.png") no-repeat left;} div.search {margin:0px;padding:24px 0px 0px 24px;width:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_search_black_24dp_1x.png") no-repeat center;} span.vertical_align_bottom {margin:0px;padding:12px;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_vertical_align_bottom_black_24dp_1x.png") no-repeat left;} div.vertical_align_bottom {margin:0px;padding:24px 0px 0px 24px;width:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_vertical_align_bottom_black_24dp_1x.png") no-repeat center;} span.folder_open {margin:0px;padding:12px;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_folder_open_black_24dp_1x.png") no-repeat left;} div.folder_open {margin:0px;padding:24px 0px 0px 24px;width:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_folder_open_black_24dp_1x.png") no-repeat center;} span.open_in_new {margin:0px;padding:12px;line-height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_open_in_new_black_24dp_1x.png") no-repeat left;} } /* Include Table headers */ /************************************************************************ styles for controls in table header *************************************************************************/ /* The outer div containing all table data including the table, displays dialog edit dialog, page args and table menu. This element uses position:relative so the showTableMenu() function can correctly position the table menu when it is opened. It is necessary to consider that a table menu may be opened from within a dialog and not just from the primary table */ div.OuterTableDiv {position:relative;top:0px;left:0px} /* The table is laid out as: Table controls Table header columns Refular table data The table controls are included in a TH so they can be made to match the width of the table. The styles in TableHeaderTD are ultimately determined by the class of the table being displayed. The border, padding and margin are set explicitly by TAspectDriver when the table is created. */ td.TableHeaderTD {padding:0px} /* ul containing all header elements. */ ul.TableHeaderUL {width:100%;padding:0px 0px 0px 0px;margin:0px;height:auto;overflow-y:hidden;} table.table_controls {width:100%;margin:0px;padding:0px} /* li containing each element in the header */ /* line-height is added to TableHeaderSelectDisplay to increase vertical size so the icons are displayed fully, including the underline on hover */ li.TableHeaderSelectDisplay {display:block;border:none;white-space:nowrap;width:90%;max-width:400px;line-height:36px} li.TableHeaderAddDelete {display:block;border:none;padding:0px 0px 0px 0px} li.TableHeaderLISub1 {display:none;border:none;padding:0px 0px 0px 0px} li.TableControls {display:block;padding:0px 0px 0px 0px;height:36px;border:none} /* ul used to place the menu, record count and timestamp inside TableHeaderLISub1 */ ul.TableHeaderULSub1 {display:inline;padding:0px 0px 10px 0px;margin:0px;height:auto} /* li used in TableHeaderULSub1 */ li.TableRecordCount {display:inline;border:none;padding:0px 0px 0px 0px;white-space:normal} li.TableHeaderMenu {display:inline;border:none;padding:0px 0px 0px 10px} li.TableTimestampContainer {display:inline;border:none;padding:0px 0px 0px 10px;white-space:normal} /* span surrounding table timestamp */ span.TableTimestamp {white-space:nowrap} /* span surrounding table record count */ span.TableRecordCountSpan {white-space:nowrap} /* ul containing add/delete icons */ ul.ULTableIconAddDelete {display:inline} /* styles for popup table menu containing print, export... */ div.TableMenu {display:none;z-index:2;position:absolute;top:0px;left:0px;border:solid 1px black;background-color:white;width:auto;height:auto;padding:5px 10px 10px 10px} div.TableMenu ul {border:none;padding:0px;margin:0px} div.TableMenu li {display:block;font-size:1.6em;list-style-type:none;cursor:pointer;border:none;width:auto;min-width:175px} div.TableMenu li:hover {text-decoration:underline} /* ul containing table icons. This is embedded in the li.TableControls */ ul.TableControlsUL {width:auto;height:auto;border:none;padding:0px 0px 20px 0px;} ul.TableControlsUL li {padding-top:15px 0px 0px 0px;height:auto} /* icon used to edit display. Hidden for small screen. */ div.DisplayDialogIconEditDisplay {display:none} /* td containing checkbox used to select record */ th.selectRecordTH {width:36px;max-width:36px} td.selectRecordTD {width:36px;max-width:36px} /* icon used to edit record */ th.OpenEditDialogTH {width:36px;max-width:36px} td.OpenEditDialogTD {width:36px;max-width:36px} div.OpenEditDialogTDDiv {margin:0px;padding:0px;width:30px;height:36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_mode_edit_black_18dp_2x.png") no-repeat center;} div.OpenEditDialogTHDiv {margin:0px;padding:0px;width:30px;height:36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_mode_edit_black_18dp_2x.png") no-repeat center;} /* icon used to inspect record */ th.inspectRecordTH {width:36px;max-width:36px} td.inspectRecordTD {width:36px;max-width:36px} div.inspectRecordTDDiv {margin:0px;padding:0px;width:30px;height:36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_list_black_18dp_2x.png") no-repeat center;} div.inspectRecordTHDiv {margin:0px;padding:0px;width:30px;height:36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_list_black_18dp_2x.png") no-repeat center;} /********************************************************************* styles for table icons - graph, print, next, prev... padding is added to the top and bottom to make the icons appear completely, otherwise the height is not sufficient *********************************************************************/ li.TableIconMenu {display:inline;padding:0px 0px 20px 42px;height:32px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_more_horiz_black_18dp_2x.png") no-repeat center;} li.TableIconInfo {display:inline;padding:0px 0px 20px 42px;height:32px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=info32x32.png") no-repeat center;} li.TableIconExport {display:inline;padding:0px 0px 20px 42px;height:32px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=download32x32.png") no-repeat center;} li.TableIconPrint {display:inline;padding:0px 0px 20px 42px;height:32px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=print32x32.png") no-repeat center;} li.TableIconGraph {display:inline;padding:0px 0px 20px 42px;height:32px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_equalizer_black_18dp_2x.png") no-repeat center;} li.TableIconFirst {display:inline;padding:0px 0px 20px 42px;height:32px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_skip_previous_black_18dp_2x.png") no-repeat center;} li.TableIconPrev {display:inline;padding:0px 0px 20px 42px;height:32px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_navigate_before_black_18dp_2x.png") no-repeat center;} li.TableIconNext {display:inline;padding:0px 0px 20px 42px;height:32px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_navigate_next_black_18dp_2x.png") no-repeat center;} li.TableIconLast {display:inline;padding:0px 0px 20px 42px;height:32px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_skip_next_black_18dp_2x.png") no-repeat center;} li.TableIconAdd {display:inline;padding:0px 0px 20px 42px;height:32px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_add_black_18dp_2x.png") no-repeat center;} li.TableIconDelete {display:inline;padding:0px 0px 20px 42px;height:32px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_remove_black_18dp_2x.png") no-repeat center;} /* don't show the refresh icon for tables on small screens. */ li.TableIconRefresh {display:none;padding:0px 0px 20px 42px;height:32px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_18dp_2x.png") no-repeat center;} li.TableIconMenu:hover {border-bottom:solid 1px black} li.TableIconInfo:hover {border-bottom:solid 1px black} li.TableIconExport:hover {border-bottom:solid 1px black} li.TableIconPrint:hover {border-bottom:solid 1px black} li.TableIconGraph:hover {border-bottom:solid 1px black} li.TableIconRefresh:hover {border-bottom:solid 1px black} li.TableIconFirst:hover {border-bottom:solid 1px black} li.TableIconPrev:hover {border-bottom:solid 1px black} li.TableIconNext:hover {border-bottom:solid 1px black} li.TableIconLast:hover {border-bottom:solid 1px black} li.TableIconAdd:hover {border-bottom:solid 1px black} li.TableIconDelete:hover {border-bottom:solid 1px black} /************** [4] Screen width >=759px **************/ @media only screen and (min-width:759px) { /************************************************************************ styles for controls in table header *************************************************************************/ /* li containing each element in the table header Display them inline */ li.TableHeaderSelectDisplay {display:inline;border:none;white-space:nowrap;width:90%;max-width:400px;line-height:36px} li.TableControls {float:none;display:inline;padding:0px 0px 0px 20px;height:auto;border:none} ul.TableControlsUL {display:inline;float:right;padding:0px 0px 20px 0px} /* show the icon used to edit a display next to the display select box */ /* NOTE: This icon now continues to be hidden. It creates clutter */ div.DisplayDialogIconEditDisplay {display:none;padding:10px 32px 10px 0px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_search_black_18dp_2x.png") no-repeat center;} /* add the refresh icon to the table icons */ /* this icon is not left hidden. It creates clutter */ li.TableIconRefresh {display:inline} } /************** [5] Screen width >=1281px **************/ @media only screen and (min-width:1024px) { /************************************************************************ styles for controls in table header *************************************************************************/ /* li containing each element in the table header Display them inline */ li.TableHeaderSelectDisplay {display:inline;border:none;white-space:nowrap;width:90%;max-width:400px;line-height:24px} li.TableHeaderAddDelete {display:inline;border:none;padding:0px 0px 0px 20px} li.TableHeaderLISub1 {display:inline;border:none;padding:0px 0px 0px 20px} li.TableControls {float:none;display:inline;padding:0px 0px 0px 20px;height:auto;border:none} ul.TableControlsUL {padding:0px 0px 10px 0px} /* icon used to edit display */ div.DisplayDialogIconEditDisplay {padding:0px 0px 0px 30px;height:24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_search_black_24dp_1x.png") no-repeat center;} /* td containing checkbox used to select record */ th.selectRecordTH {width:24px;max-width:24px} td.selectRecordTD {width:24px;max-width:24px} /* icon used to edit record */ th.OpenEditDialogTH {width:24px;max-width:24px} td.OpenEditDialogTD {width:24px;max-width:24px} div.OpenEditDialogTDDiv {margin:0px;padding:0px;width:18px;height:24px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_mode_edit_black_24dp_1x.png") no-repeat center;} div.OpenEditDialogTHDiv {margin:0px;padding:0px;width:18px;height:24px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_mode_edit_black_24dp_1x.png") no-repeat center;} /* icon used to inspect record */ th.inspectRecordTH {width:24px;max-width:24px} td.inspectRecordTD {width:24px;max-width:24px} div.inspectRecordTDDiv {margin:0px;padding:0px;width:18px;height:24px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_list_black_24dp_1x.png") no-repeat center;} div.inspectRecordTHDiv {margin:0px;padding:0px;width:18px;height:24px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_list_black_24dp_1x.png") no-repeat center;} /* reduce font size in table menu */ div.TableMenu li {font-size:1em;} /* icons for table icons - graph, print, next, prev... */ li.TableIconMenu {display:inline;padding:0px 0px 10px 30px;height:25px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_more_horiz_black_24dp_1x.png") no-repeat center;} li.TableIconInfo {display:inline;padding:0px 0px 10px 30px;height:25px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=info20x20.png") no-repeat center;} li.TableIconExport {display:inline;padding:0px 0px 10px 30px;height:25px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=download20x20.png") no-repeat center;} li.TableIconPrint {display:inline;padding:0px 0px 10px 30px;height:25px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=print20x20.png") no-repeat center;} li.TableIconGraph {display:inline;padding:0px 0px 10px 30px;height:25px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_equalizer_black_24dp_1x.png") no-repeat center;} /* the refresh icon is now hidden. It creates clutter */ li.TableIconRefresh {display:inline;padding:0px 0px 10px 30px;height:25px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_24dp_1x.png") no-repeat center;} li.TableIconFirst {display:inline;padding:0px 0px 10px 30px;height:25px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_skip_previous_black_24dp_1x.png") no-repeat center;} li.TableIconPrev {display:inline;padding:0px 0px 10px 30px;height:25px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_navigate_before_black_24dp_1x.png") no-repeat center;} li.TableIconNext {display:inline;padding:0px 0px 10px 30px;height:25px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_navigate_next_black_24dp_1x.png") no-repeat center;} li.TableIconLast {display:inline;padding:0px 0px 10px 30px;height:25px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_skip_next_black_24dp_1x.png") no-repeat center;} li.TableIconAdd {display:inline;padding:0px 0px 10px 30px;height:25px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_add_black_24dp_1x.png") no-repeat center;} li.TableIconDelete {display:inline;padding:0px 0px 10px 30px;height:25px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_remove_black_24dp_1x.png") no-repeat center;} } /* Include Table Edit Dialog, Message, Chart */ /* Class for table message */ div.tablemessage {min-width:250px;position:absolute;top:0px;left:0px;background-color:white;color:black;padding:10px 10px 10px 10px;z-index:99;border:1px solid black;border-radius:4px;} /* used to format and position charts associated with tables */ div.table_chart {width:auto;margin:0px;border:solid 2px black;background-color:white;position:absolute;top:0px;left:0px;z-index:2} div.table_chart_close {float:right;padding-left:36px;height:36px;background:url("http://aspectserver.com:4446?network=greenlight&id=getimage&filename=ic_clear_black_18dp_2x.png") no-repeat center;} img.table_chart {width:100%} /* used for google chart data and output */ div.googlechartdata {border:solid 1px black;display:none} div.googlechartoutput {border:none;background-color:white;display:inline} /* note: A border is not supplied here. It can be added by creating a div to contain the chart using [tableID]Chart as the ID of the div. If a div is not defined, the javascript function uses to display the chart will add a border. This is done to create a border around charts that pop-up on top of the table. */ div.googlechartoutputwrapper {float:left;border:none;background-color:white;z-index:99;display:none} div.googlechartoutputborderedwrapper {float:left;border:solid 1px black;background-color:white;z-index:99;display:none} /* used to format dialogs used to edit table records */ div.dialog_header {display:none; margin:0px; padding:0px 5px 5px 5px; border-bottom:solid 1px black; background-color:white} div.default_table_dialog {border-radius:4px;position:absolute;top:0px;left:0px;width:100%;height:auto;display:none;z-index:2;padding:0px; background-color:white;border:solid 1px black} div.default_table_dialog_only {border-radius:4px;display:block;z-index:2;padding:0px; background-color:white;border:solid 2px black} /* close icon displayed on top right of edit dialogs The padding is adjusted to eliminate the 5px of padding in the dialog div so the close icon is closer to the top right */ div.EditDialogCloseIcon {float:right;position:relative;top:-5px;left:5px;width:36px;height:36px;background:url('http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_18dp_2x.png') no-repeat left;} /* Div containing the tabs at the top of an edit dialog Padding is added to make room for the close icon and a border is added at the bottom of the tabs. */ div.TableEditDialogTabsContainer {width:100%;border-bottom:solid 1px #c9c9c9;padding:10px 0px 0px 0px} div.TableEditDialogTabsContainerExclusive {display:none;width:100%;border-bottom:solid 1px #c9c9c9;padding:10px 0px 0px 0px} /* Div containing the select box at the top of an edit dialog */ div.TableEditDialogSelectContainer {padding:0px 0px 10px 0px;border-bottom:solid 1px black} div.TableEditDialogSelectContainerExclusive {display:block;padding:0px 0px 10px 0px;border-bottom:solid 1px black} /* Select box at the top of an edit dialog */ select.TableEditDialogSelect {width:250px} /************** [4] Screen width >=1024px **************/ @media only screen and (min-width:1024px) { div.TableEditDialogTabsContainerExclusive {display:block} div.TableEditDialogSelectContainerExclusive {display:none} /* table chart close icon */ div.table_chart_close {padding-left:24px;height:24px;background:url("http://aspectserver.com:4446?network=greenlight&id=getimage&filename=ic_clear_black_248dp_1x.png") no-repeat center;} div.EditDialogCloseIcon {width:24px;height:24px;background:url('http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_24dp_1x.png') no-repeat left;} } /************** [5] Screen width >=1281px **************/ @media only screen and (min-width:1281px) { } /* Include Displays Dialog */ /************************************************************************ styles for display dialog *************************************************************************/ /* the dimensions of this div are used to set the dimensions of all controls in the dialog */ div.DisplayDialogFormContainer {border-radius:4px;position:absolute;top:0px;left:0px;width:100%;max-width:500px;height:375px;z-index:2;padding:5px;border:solid 1px black;background-color:white} div.DisplayDialogContainer {} div.DisplayDialog {display:none;z-index:2;width:100%;max-width:500px;position:absolute;left:0px;top:0px;padding:0px;background-color:white;border:none} div.DisplayDialogMessage {z-index:99; position:absolute; left:30px; top:40px; display:none; padding:15px; background-color:white; width:325px; height:auto; border:solid 1px black;} div.SaveDiaplayAs {z-index:4; position:absolute; left:30px; top:40px; display:none; padding:5px; background-color:white; width:325px; height:150px; border:solid 1px black;} /* display name and icone used to save, delete displays */ ul.ULDisplayDialogNameAndIcons {width:90%;margin:0px;padding:0px;overflow-y:auto} ul.ULDisplayDialogNameAndIcons select {width:100%} li.ULDisplayDialogNameAndIconsName {float:left;display:block;list-style-type:none} li.ULDisplayDialogNameAndIconsIcons {width:100%;float:left;display:block;list-style-type:none} /* icons for display dialog */ div.DisplayDialogIconSave {display:block;float:right;cursor:pointer;width:20%;height:32px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_folder_open_black_18dp_2x.png") no-repeat center;} div.DisplayDialogIconSaveAs {display:block;float:right;cursor:pointer;width:20%;height:32px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_add_black_18dp_2x.png") no-repeat center;} div.DisplayDialogIconRestore {display:block;float:right;cursor:pointer;width:20%;height:32px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_18dp_2x.png") no-repeat center;} div.DisplayDialogIconDelete {display:block;float:right;cursor:pointer;width:20%;height:32px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_remove_black_18dp_2x.png") no-repeat center;} div.DisplayDialogIconOk {display:block;float:right;cursor:pointer;width:20%;height:32px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_done_black_18dp_2x.png") no-repeat center;} div.DisplayDialogCloseIcon {display:block;float:right;cursor:pointer;width:32px;height:32px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_18dp_2x.png") no-repeat center;} div.DisplayDialogSortAscendingIcon {display:inline;cursor:pointer;padding:18px 36px 18px 0px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_up_black_18dp_2x.png") no-repeat center;} div.DisplayDialogSortDescendingIcon {display:inline;cursor:pointer;padding:18px 36px 18px 0px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_down_black_18dp_2x.png") no-repeat center;} /* switch between tabs and a select box to select divs in the display dialog */ div.DisplayDialogTabSelectContainer {display:block;width:100%} div.DisplayDialogTabSelectContainer select {width:100%} div.DisplayDialogTabTableContainer {display:none} div.DisplayDialogSort {width:100%} div.DisplayDialogSort select {width:60%} div.DisplayDialogFieldsTableContainer {width:100%;height:250px;overflow:auto;border:solid 1px black} div.DisplayDialogFields {width:75%;height:auto;min-height:1px} div.DisplayDialogFields table {width:80%;height:auto} table.DisplayDialogFields {border-collapse:collapse} table.DisplayDialogFieldsTable {} td.DisplayDialogFieldsTableCheckbox {margin:0px;padding:0px} td.DisplayDialogFieldsTableDescription {margin:0px;padding:0px 0px 0px 5px;width:95%;vertical-align:middle} /* icons used to move selected fields up/down */ ul.DisplayDialogMoveField {margin:0px;padding:0px} li.DisplayDialogMoveFieldUp {list-style-type:none;padding:36px 0px 0px 36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_up_black_18dp_2x.png") no-repeat center;} li.DisplayDialogMoveFieldDown {list-style-type:none;padding:36px 0px 0px 36px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_down_black_18dp_2x.png") no-repeat center;} div.DisplayDialogFilter {width:100%;height:100%;padding:0px 0px 0px 0px} div.DisplayDialogFilter textarea {width:100%;height:80%} div.DisplayDialogPivot {width:100%} div.DisplayDialogPivot table {width:100%} select.DisplayDialogPivotField {width:100%} /************** [5] Screen width >=1281px **************/ @media only screen and (min-width:1024px) { /* the dimensions of this div are used to set the dimensions of all controls in the dialog */ div.DisplayDialogFormContainer {width:500px;height:375px} div.DisplayDialog {left:40px;top:40px;padding:5px;width:500px} /* display name and icone used to save, delete displays */ ul.ULDisplayDialogNameAndIcons {width:100%;margin:0px;padding:0px;overflow-y:auto} ul.ULDisplayDialogNameAndIcons select {width:100%} ul.ULDisplayDialogNameAndIcons li {width:auto;float:left;display:block;list-style-type:none} li.ULDisplayDialogNameAndIconsName {width:70%;} li.ULDisplayDialogNameAndIconsIcons {width:25%;} /* switch between tabs and a select box to select divs in the display dialog */ div.DisplayDialogTabSelectContainer {display:none} div.DisplayDialogTabTableContainer {display:block} /* icons for display dialog */ div.DisplayDialogIconSave {display:block;float:right;cursor:pointer;width:25px;height:15px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_folder_open_black_24dp_1x.png") no-repeat center;} div.DisplayDialogIconSaveAs {display:block;float:right;cursor:pointer;width:25px;height:15px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_add_black_24dp_1x.png") no-repeat center;} div.DisplayDialogIconRestore {display:block;float:right;cursor:pointer;width:25px;height:15px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_refresh_black_24dp_1x.png") no-repeat center;} div.DisplayDialogIconDelete {display:block;float:right;cursor:pointer;width:25px;height:15px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_remove_black_24dp_1x.png") no-repeat center;} div.DisplayDialogIconOk {display:block;float:right;cursor:pointer;width:25px;height:15px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_done_black_24dp_1x.png") no-repeat center;} div.DisplayDialogCloseIcon {display:block;float:right;cursor:pointer;width:32px;height:32px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_24dp_1x.png") no-repeat center;} /* icons used to move selected fields up/down */ li.DisplayDialogMoveFieldUp {padding:24px 0px 0px 24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_up_black_24dp_1x.png") no-repeat center;} li.DisplayDialogMoveFieldDown {padding:24px 0px 0px 24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_down_black_24dp_1x.png") no-repeat center;} /* increase the height of the div containing the list of available fields */ div.DisplayDialogFieldsTableContainer {height:300px;} div.DisplayDialogSortAscendingIcon {display:inline;padding:18px 36px 18px 0px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_up_black_24dp_1x.png") no-repeat center;} div.DisplayDialogSortDescendingIcon {display:inline;padding:18px 36px 18px 0px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_keyboard_arrow_down_black_24dp_1x.png") no-repeat center;} } /* Include Dialog Headers */ /************************************************************************ styles for dialog header. This is the header that allows records to be selected in a dialog using the previous and next buttons or the drop-down list *************************************************************************/ ul.TableHeaderDialogUL {margin:0px;padding:0px} ul.TableHeaderDialogUL li {list-style-type:none;display:inline;} li.TableHeaderDialogLISelect {white-space:nowrap;display:inline} li.TableHeaderDialogLISpacer {line-height:30px} span.DialogHeaderIconAdd {padding:5px 0px 5px 36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_add_black_18dp_2x.png") no-repeat center;} span.DialogHeaderIconDelete {padding:5px 0px 5px 36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_remove_black_18dp_2x.png") no-repeat center;} span.DialogHeaderIconFirst {padding:5px 0px 5px 36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_skip_previous_black_18dp_2x.png") no-repeat center;} span.DialogHeaderIconPrev {padding:5px 0px 5px 36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_navigate_before_black_18dp_2x.png") no-repeat center;} span.DialogHeaderIconNext {padding:5px 0px 5px 36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_navigate_next_black_18dp_2x.png") no-repeat center;} span.DialogHeaderIconLast {padding:5px 0px 5px 36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_skip_next_black_18dp_2x.png") no-repeat center;} span.DialogHeaderIconClose {padding:5px 0px 5px 36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_18dp_2x.png") no-repeat center;} /************** [5] Screen width >=1281px **************/ @media only screen and (min-width:1024px) { /************************************************************************ styles for dialog header *************************************************************************/ span.DialogHeaderIconAdd {padding:5px 0px 5px 24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_add_black_24dp_1x.png") no-repeat center;} span.DialogHeaderIconDelete {padding:5px 0px 5px 24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_remove_black_24dp_1x.png") no-repeat center;} span.DialogHeaderIconFirst {padding:5px 0px 5px 24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_skip_previous_black_24dp_1x.png") no-repeat center;} span.DialogHeaderIconPrev {padding:5px 0px 5px 24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_navigate_before_black_24dp_1x.png") no-repeat center;} span.DialogHeaderIconNext {padding:5px 0px 5px 24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_navigate_next_black_24dp_1x.png") no-repeat center;} span.DialogHeaderIconLast {padding:5px 0px 5px 24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_skip_next_black_24dp_1x.png") no-repeat center;} span.DialogHeaderIconClose {padding:5px 0px 5px 24px;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_24dp_1x.png") no-repeat center;} }; /* Include Calendar */ /********************************************************************* styles for calendar *********************************************************************/ /* calendar icon */ img.tcalIcon {cursor: pointer; margin-left: 1px; vertical-align: middle;} /* calendar container element */ div#tcal {position: absolute; visibility: hidden; z-index: 10002; width: 158px; padding: 2px 0 0 0;} /* all tables in calendar */ div#tcal table {width: 100%; border: 1px solid silver; border-collapse: collapse; background-color: white;} /* navigation table */ div#tcal table.ctrl {border-bottom: 0;} /* navigation buttons */ div#tcal table.ctrl td {width: 15px; height: 20px;} /* month year header */ div#tcal table.ctrl th {background-color: white; color: black; border: 0;} /* week days header */ div#tcal th {border: 1px solid silver; border-collapse: collapse; text-align: center; padding: 3px 0; font-family: tahoma, verdana, arial; font-size: 10px; background-color: gray; color: white;} /* date cells */ div#tcal td {border: 0; border-collapse: collapse; text-align: center; padding: 2px 0; font-family: tahoma, verdana, arial; font-size: 11px; width: 22px; cursor: pointer;} /* date highlight in case of conflicting settings order here determines the priority from least to most important */ div#tcal td.othermonth {color: silver;} div#tcal td.weekend {background-color: #ACD6F5;} div#tcal td.today {border: 1px solid red;} div#tcal td.selected { background-color: #FFB3BE;} /* transparent shadow */ div#tcalShade {position: absolute; visibility: hidden; z-index: 10001;} div#tcalShade table {border: 0; border-collapse: collapse; width: 100%;} div#tcalShade table td {border: 0; border-collapse: collapse; padding: 0;} /************** [5] Screen width >=1281px **************/ @media only screen and (min-width:1281px) { } /* Include Table Info */ /************************************************************************ Styles for table info dialog *************************************************************************/ div.TableInfo {z-index:99;position:absolute;top:0px;left:0px;width:100%;max-width:600px;height:auto;padding:10px;background-color:white;border:solid 1px black} div.TableInfoCloseIcon {float:right;padding:0px 0px 0px 36px;height:36px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_18dp_2x.png") no-repeat center;} table.TableInfoGeneral {} div.TableInfoDebugContainer {border:solid 1px black;height:100%;max-height:300px;overflow:auto} table.TableInfoDebug {} /************** [5] Screen width >=1281px **************/ @media only screen and (min-width:1281px) { /************************************************************************ Styles for table info dialog *************************************************************************/ div.TableInfoCloseIcon {padding:0px 0px 0px 24px;height:24px;cursor:pointer;background:url("http://aspectserver.com:4446/?network=greenlight&id=getimage&filename=ic_clear_black_24dp_1x.png") no-repeat center;} } /* Include Chapters */ /* div for a section header. Added min-height to make the section a standard height even if no text is included in it. This is used as a bottom border on landing pages */ div.sectionheader {clear:both;cursor:pointer;width:100%;margin:5px 0px;padding:4px 1px;border:1px solid black;background-color:#ebebeb;background:linear-gradient(to bottom left,#7bf6a1,#166d35);border-radius:8px;height:auto;min-height:23px} /* Changing the border can cause sections to realign in an embedded view container div.sectionheader:hover {margin:5px 0px;padding:3px 0px;border:2px solid black} */ span.sectionname {margin:0px 0px 0px 5px;font-size:1.0em;font-weight:bold;color:white} /* original grey section header */ div._sectionheader {clear:both;cursor:pointer;width:100%;margin:5px 0px;padding:4px 1px;border:1px solid black;background-color:#ebebeb;background:linear-gradient(#f6f6f6,#ebebeb);border-radius:8px;height:auto;min-height:23px} div.sectionheaderhidden {margin:0px;padding:0px} span._sectionname {margin:0px 0px 0px 5px;font-size:1.0em;font-weight:bold} span.sectionheadericonok {padding:12px 12px;margin:0px;background:url("http://127.0.0.1:4446/?network=greenlight&id=getimage&filename=ic_solid_green_circle_24dp_1x.png") no-repeat left;} span.sectionheadericonerror {padding:12px 12px;margin:0px;background:url("http://127.0.0.1:4446/?network=greenlight&id=getimage&filename=ic_error_outline_black_24dp_1x.png") no-repeat left;} span.sectionheadericonwarn {padding:12px 12px;margin:0px;background:url("http://127.0.0.1:4446/?network=greenlight&id=getimage&filename=ic_help_outline_black_24dp_1x.png") no-repeat left;} span.sectiondescription {font-style:italic;float:right} div.sectionsub {margin:5px 8px;padding:5px 0px;border:none;display:none} div.sectionsubhidden {margin:0px;padding:0px} div.sectionheader2 {clear:both;cursor:pointer;width:100%;margin:5px 0px;padding:4px 1px;border:1px solid black;background-color:#ebebeb;background:linear-gradient(to bottom,#a6d1b3,#20964a);border-radius:8px;height:auto;min-height:23px} div.sectionheader2:hover {margin:5px 0px;padding:3px 0px;border:2px solid #20964a} span.sectionname2 {color:white;margin:0px 0px 0px 5px;font-size:1.0em;font-weight:bold} /* Include Tabbed Dialog and Menu */ /* styles for drop-down menus */ ul.dmenu {margin:0; padding:0; z-index:30;} li.dmenu {margin:0; padding:0; list-style:none; float:left; width:60px;} a.dmenu {display:block; margin:0 1px 0 0; padding:3px; width:30px; background:transparent; color:black; text-align:center; text-decoration:none; font:normal normal normal 8pt tahoma;} a.dmenu:hover {margin:0; padding:3px; width:30px; background-color:transparent; border-style:none; border-width:1px; text-decoration:underline; font:normal normal normal 8pt tahoma;} span.dmenu {cursor:pointer; display:block; margin:0 1px 0 0; padding:3px; width:30px; background:transparent; color:black; text-align:center; text-decoration:none; font:normal normal normal 8pt tahoma;} span.dmenu:hover {cursor:pointer; margin:0; padding:3px; width:30px; background-color:transparent; border-style:none; border-width:1px; text-decoration:underline; font:normal normal normal 8pt tahoma;} div.dmenu {position:absolute; margin:0; padding:0; display:none; background-color:white; border:1px solid #5970B2;} a.dmenuitem {position:relative; display:block; margin:0; padding:3px; width:auto; white-space:nowrap; text-align:left; text-decoration:none; background-color:white; color:black; font:normal normal normal 8pt tahoma;} a.dmenuitem:hover {margin:0; padding:3px; background:#dddddd; font:normal normal normal 8pt tahoma;} span.dmenuitem {cursor:pointer; position:relative; display:block; margin:0; padding:3px; width:auto; white-space:nowrap; text-align:left; text-decoration:none; background-color:white; color:black; font:normal normal normal 8pt tahoma;} span.dmenuitem:hover {cursor:pointer; margin:0; padding:3px; background:#dddddd; font:normal normal normal 8pt tahoma;} span.dmenuitemdisabled {cursor:pointer; position:relative; display:block; margin:0; padding:3px; width:auto; white-space:nowrap; text-align:left; text-decoration:none; background-color:white; color:#999999; font:normal normal normal 8pt tahoma;} a.menu_option:link {font-size:8pt;color:black;text-decoration:underline;} a.menu_option:visited {font-size:8pt;color:black;text-decoration:underline;} a.menu_option:active {font-size:8pt;color:black;text-decoration:underline;} a.menu_option:hover {font-size:8pt;color:black;text-decoration:underline;} div.menu_option {width:100%;height:100%;font-size:8pt;color:black;text-decoration: underline; cursor:pointer} table.menu_option {} table.menu_option td {border-top:none 1px black;padding:5px;} /* Tabbed dialog styles */ /* These were the original styles and require the tabed dialog table to use the ID "toc" */ table#toc {height: 20px; list-style: none; margin: 0; padding: 0; border-collapse:collapse; border-width:1px;} table#toc td {background:#e9e9e9 url("http://aspectserver.com:4446/?Network=Greenlight&ID=getImage&filename=/C:/Aspect Software/Development/Java/Aspect/src/packages/GreenLight/doc/images/tabgrey.png"); margin: 0 1px 0 0; padding-left: 10px; padding-top:0px; padding-bottom:0px; padding-right:0px;} table#toc a {background: url("http://aspectserver.com:4446/?Network=Greenlight&ID=getImage&filename=/C:/Aspect Software/Development/Java/Aspect/src/packages/GreenLight/doc/images/tabgrey.png") 100% 0; color: #e9e9e9; display: block; height: 2em; line-height: 2em; padding-right: 10px; text-decoration: none; outline: none;} table#toc a:link {} table#toc a:visited {} table#toc a:hover {text-decoration:underline;} table#toc a:active {} table#toc span {background: url("http://aspectserver.com:4446/?Network=Greenlight&ID=getImage&filename=/C:/Aspect Software/Development/Java/Aspect/src/packages/GreenLight/doc/images/tabgrey.png") 100% 0; color: #e9e9e9; display: block; height: 2em; line-height: 2em; padding-right: 10px; outline: none;} table#toc td.current {background-color: #48f; background-position: 0 -60px; padding-top:0px; padding-right:0px; padding-bottom:0px;} table#toc td.current a {background-position: 100% -60px; color:#ffffff; font-weight: bold;} table#toc td.current span {background-position: 100% -60px; color:#fff; font-weight: bold;} /* These are the new styles that allow for multiple tabbed dialogs at one time Tabs should use span tags instead of a because the a tag jumps around in IE The rounded corners are produced by displaying the left side of the image in the TD tag and the right side of the image in the span tag. */ table.tabdialog {list-style: none; margin: 0; padding: 0; border-collapse:collapse; border-width:1px;} table.tabdialog td {text-align:center;background-color:transparent; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;} table.tabdialog span {cursor:pointer; display:block;white-space: nowrap;margin:2px 0px 0px 0px;padding:5px 20px 3px 20px;} table.tabdialog span:hover {text-decoration:underline;} table.tabdialog a {display: block; margin:0px 0px 0px 0px;padding:0px 10px 0px 0px; color: #e9e9e9; text-decoration: none; outline: none;} table.tabdialog a:hover {text-decoration:underline;} table._tabdialog span {cursor:pointer; display:block;white-space: nowrap;margin:0px 0px 0px 0px;padding:8px 10px 0px 10px;background:url("http://aspectserver.com:4446/?Network=Greenlight&ID=getImage&filename=tabgrey.png") 100% 0} table._tabdialog a {display: block; margin:0px 0px 0px 0px;padding:0px 10px 0px 0px; background:url("http://aspectserver.com:4446/?Network=Greenlight&ID=getImage&filename=tabgrey.png") 100% 0; color: #e9e9e9; text-decoration: none; outline: none;} /* These are styles load the image off of earthlink rather than the local host */ table.tabdialog1 {height: 20px; list-style: none; margin: 0; padding: 0; border-collapse:separate; border-width:1px;} table.tabdialog1 td {background:#e9e9e9 url("http://www.aspect-software.net/tabgrey.png"); margin: 0 1px 0 0; padding-left: 10px; padding-top:0px; padding-bottom:0px; padding-right:0px;} span.tabdialog1 {background: url("http://www.aspect-software.net/tabgrey.png") 100% 0; color: #e9e9e9; display: block; height: 2em; line-height: 2em; padding-right: 10px; text-decoration: none; outline: none;} span.tabdialog1:hover {text-decoration:underline;} table.tabdialog1 a {background: url("http://www.aspect-software.net/tabgrey.png") 100% 0; color: #e9e9e9; display: block; height: 2em; line-height: 2em; padding-right: 10px; text-decoration: none; outline: none;} table.tabdialog1 a:hover {text-decoration:underline;} /* styles for tabs in tab dialogs. JS sets the class to one of these */ span.tabdialogtabunselected {font-size:1.6em;background:white;text-decoration:underline;color:black;font-weight:normal;cursor:pointer; display:block;white-space: nowrap;margin:0px 0px 0px 0px;padding:5px 10px 0px 10px;;border-top-left-radius:8px;border-top-right-radius:8px;;border-top:solid 1px black;border-left:solid 1px black;border-right:solid 1px black;} span.tabdialogtabselected {font-size:1.6em;background:linear-gradient(to bottom left,#4cd877,#166d35);text-decoration:none;color:white;font-weight:normal;cursor:pointer; display:block;white-space: nowrap;margin:0px 0px 0px 0px;padding:5px 10px 0px 10px;;border-top-left-radius:8px;border-top-right-radius:8px;border-top:solid 1px white;} span.__tabdialogtabunselected {font-size:1.6em;background:linear-gradient(to bottom left,#4cd877,#166d35);text-decoration:none;color:white;font-weight:normal;cursor:pointer; display:block;white-space: nowrap;margin:0px 0px 0px 0px;padding:5px 10px 0px 10px;;border-top-left-radius:8px;border-top-right-radius:8px;} span._tabdialogtabselected {font-size:1.6em;text-decoration:underline;color:black;font-weight:normal;cursor:pointer; display:block;white-space: nowrap;margin:0px 0px 0px 0px;padding:5px 10px 0px 10px;background-color:#e9e9e9;background:url("http://aspectserver.com:4446/?Network=Greenlight&ID=getImage&filename=tabgrey.png") 100% 0} span._tabdialogtabunselected {font-size:1.6em;text-decoration:none;color:black;font-weight:normal;cursor:pointer; display:block;white-space: nowrap;margin:0px 0px 0px 0px;padding:5px 10px 0px 10px;background-color:#e9e9e9;background:url("http://aspectserver.com:4446/?Network=Greenlight&ID=getImage&filename=tabgrey.png") 100% 0} /* used to display the content of a tab in a tabbed dialog [THIS IS NO LONGER USED. REPLACED WITH DialogTabContent BELOW] */ div.content {border-style:solid; border-top-width:3px; border-left-width:0px; border-right-width:0px; border-bottom-width:0px; border-color:#48f; padding:0px; margin:0px;} /* used to display the content of a tab in a tabbed dialog. Sets a margin between the tabs and the content in the div below the tabs */ div.DialogTabContent {width:100%;height:auto;margin:10px 0px 10px 0px} /************** [5] Screen width >=1025pxpx **************/ @media only screen and (min-width:1024pxpx) { /* styles for tabs in tab dialogs. JS sets the class to one of these */ span.tabdialogtabselected {font-size:1em;text-decoration:none;font-weight:bold;} span.tabdialogtabunselected {font-size:1em;} span._tabdialogtabselected {font-size:1em;text-decoration:none;color:black;font-weight:bold;cursor:pointer; display:block;white-space: nowrap;margin:0px 0px 0px 0px;padding:5px 10px 0px 10px;background-color:#e9e9e9;background:url("http://aspectserver.com:4446/?Network=Greenlight&ID=getImage&filename=tabgrey.png") 100% 0} span._tabdialogtabunselected {font-size:1em;text-decoration:none;color:black;font-weight:normal;cursor:pointer; display:block;white-space: nowrap;margin:0px 0px 0px 0px;padding:5px 10px 0px 10px;background-color:#e9e9e9;background:url("http://aspectserver.com:4446/?Network=Greenlight&ID=getImage&filename=tabgrey.png") 100% 0} } /************** [5] Screen width >=1281px **************/ @media only screen and (min-width:1024px) { /* styles for tabs in tab dialogs. JS sets the class to one of these */ span.tabdialogtabselected {font-size:1em;text-decoration:none;font-weight:bold;} span.tabdialogtabunselected {font-size:1em;} span._tabdialogtabselected {font-size:1em;text-decoration:none;color:black;font-weight:bold;cursor:pointer; display:block;white-space: nowrap;margin:0px 0px 0px 0px;padding:5px 10px 0px 10px;background-color:#e9e9e9;background:url("http://aspectserver.com:4446/?Network=Greenlight&ID=getImage&filename=tabgrey.png") 100% 0} span._tabdialogtabunselected {font-size:1em;text-decoration:none;color:black;font-weight:normal;cursor:pointer; display:block;white-space: nowrap;margin:0px 0px 0px 0px;padding:5px 10px 0px 10px;background-color:#e9e9e9;background:url("http://aspectserver.com:4446/?Network=Greenlight&ID=getImage&filename=tabgrey.png") 100% 0} } /* Include Other */ span.cautiontext {color:yellow} span.cautiontextbold {color:yellow;font-weight:bold} span.errortext {color:red} span.errortextbold {color:red;font-weight:bold} span.oktext {color:green} span.oktextbold {color:green;font-weight:bold} div.cautiontext {color:yellow} div.cautiontextbold {color:yellow;font-weight:bold} div.errortext {color:red} div.errortextbold {color:red;font-weight:bold} div.oktext {color:green} div.oktextbold {color:green;font-weight:bold} /* used to display a pointer over clickable images */ img.click {cursor:pointer} /* Used for forms. Centers vertical alignment so text and inputs line up */ table.form {} table.form td {vertical-align:middle;} table.form td.formbordered {vertical-align:top; border:solid 1px #b8b8b8; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px; background-color:#f0f0f0;} /* used to create hyperlinks without the href tag */ h1.hyperlink {text-decoration:underline} h1.hyperlink:hover {text-decoration:underline;cursor:pointer;} h2.hyperlink {text-decoration:underline} h2.hyperlink:hover {text-decoration:underline;cursor:pointer;} h3.hyperlink {text-decoration:underline} h3.hyperlink:hover {text-decoration:underline;cursor:pointer;} p.hyperlink {text-decoration:underline} p.hyperlink:hover {text-decoration:underline;cursor:pointer;} span.hyperlink {text-decoration:underline} span.hyperlink:hover {text-decoration:underline;cursor:pointer;} /* used to pop-up tooltips activated by hovering the mouse */ div.tooltip {position:absolute; width:auto; height:auto; border-width:1px; border-style:solid; background:#fffff5; z-index:9100; padding:0px;} /* Used as static tooltips in widgets (e.g. in Dimensional Views Container) */ div.tooltip1 {padding:8px; border-width:1px; border-style:solid; background:#fffff5;}