/*
 * ICESOFT COMMERCIAL SOURCE CODE LICENSE V 1.1
 *
 * The contents of this file are subject to the ICEsoft Commercial Source
 * Code License Agreement V1.1 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a copy of the
 * License at
 * http://www.icesoft.com/license/commercial-source-v1.1.html
 *
 * Software distributed under the License is distributed on an "AS IS"
 * basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the
 * License for the specific language governing rights and limitations under
 * the License.
 *
 * Copyright 2009-2015 ICEsoft Technologies Canada, Corp. All Rights Reserved.
 */
#header
{
    background: url("./images/demo-header-background.png") no-repeat;
    background-color: white;
    background-position: top center;
    width: 100%;
    height: 163px;
}

#headerCenter
{
    background-color: transparent;
    width: 1020px;
    height: 110px;
    margin: 0 auto;
    overflow: hidden;
}

#headerLogo
{
    overflow: hidden;
    float: left;
    padding-top: 8px;
}
 
div.clearer {
    clear: both;
    height: 0px;
    visibility: hidden;
    line-height: .01em;
    padding: 0;
    margin: 0;
}

/* header begin */

div.header_container {
    width: 100%;
    height: 134px;
    min-width: 730px;
    background-image: url('./images/banner_bg.gif');
    background-repeat: repeat-x;
    background-position: left top;
    float: left;
    position: relative;
    z-index: 5;
    width: 100%;
}

div.header_content {
    height: 115px;
    background-image: url('./images/banner_logo.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    float: left;
    width: 100%;
}

/* header end */

/* body start */

/* provides a continer to center a child div in */
div.body_container {
    float: left;
    width: 100%;
    margin-top: -44px;
    background-color: white;
}

/* centers in parent as long as parent is larger then child*/
div.body_content {
    margin: 0 auto;
    width: 980px;
    padding-left: 25px;
}

div.body_content div {
/*height: 100px;*/
}

div.navigationContainer {
    border: none;
    float: left;
    width: 230px;
    border-bottom: 1px solid #d9d9d9;
}

/* margin-left should be updated along with the relative position of */
div.contentContainer {
    background: none;
    border: none;
    float: left;
    padding-left: 6px;
    width: 720px;
}

table.componentTabSetContainer {
    width: 99%;
}

/* footer begin */
div.footer_container {
    float: left;
    width: 100%;
    height: 95px;
    min-width: 705px;
    background-image: url('./images/bgslice_footer.jpg');
    background-repeat: repeat-x;
    background-position: bottom left;
}

div.footer_content {
    height: 95px;
    background-repeat: no-repeat;
    background-position: bottom right;
}

div.footer_content div {
    float: left;
    padding-top: 60px;
    padding-left: 10px;
    color: white;
}

div.footer_content a, div.footer_content a:hover {
    color: orange;
    text-decoration: none;
}

div.footer_content a {

}

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

/* footer end */

/* controls the appearance of links throughout the application */
a:link, a:hover, a:visited, a:active {
    text-decoration: none;
    color: #000;
}

a:hover {
    color: #000033;
    text-decoration: underline
}

a:visited {
/*color: #104e5b;*/
}

a:active {
    color: #318496;
}

/* doc view template decloration */
.docViewContainer, .docViewNavigation, .docViewContent {
    float: left;
}

.docViewNavigation, .docViewContent {
    height: 580px;
}

.docViewNavigation {
    width: 120px;
    overflow: scroll;
}

.docViewContent {
    width: 588px;
    border: 1px solid #D9D9D9;
}

.docViewContainer {
    width: 710px;
}

.docViewContainer a {
    color: #444444;
}

a.docViewNodeSelectedtrue {
    font-weight: bold;
}

.docViewContainer a:visited {
    color: #104e5b;
}

.docViewContainer a:hover {
    text-decoration: none;
    color: #318496;
}

.includeIframe {
    width: 100%;
    height: 100%;
    border: none;
    background-color: white;
    font-size: 11pt;
}

/* Main wrapper class for all component examples */
.componentBox {
    float: left;
    padding: 0 0 0 0;
}

/* Parent of componentBox when component examples are used in portlets */
.componentBoxPortlet {
    background-color: white;
}

.synopsisBox {
    border: none;
    min-height: 36px;
    padding: 0 0 0 50px;
    background: url('./images/icon_info.gif') no-repeat top left;
    display: block;
}

.exampleBox {
    margin: 0 0 5px;
    padding: 15px;
    background: #FFF;
    border: 1px solid #d9d9d9;
    display: block;
    float: left;
}

.noteBox {
    margin: 15px 0 0 0;
    padding: 7px;
    background: #FFF;
    border: 1px solid #d9d9d9;
}

.noteBox a, .noteBox a:hover, .noteBox a:visited, .noteBox a:active {
    color: #F78208;
}

.synopsisBox .iceOutTxt {
    display: block;
}

/* 2 + 13 =15 or the exampleBox margin. */
/* give outline effect for server chagned values boxes. */
.backBeanChangeContainer {
    padding: 0;
}

.backBeanChangeTitle {
    margin: 0;
    height: 20px;
    width: 275px;
    padding: 6px 0 0 8px;
    background: #FFF url('../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif') repeat-x top left;
    border-bottom: 1px solid #d9d9d9;
}

.backBeanChangeBody {
    padding: 2px;
}

.backBeanChangeBody > div.icePnlGrp:first-child {
    padding: 15px;
    background-color: white;
}

.iceOutTxt {
    color: #484848;
}

.iceSelOneRb-dis {
    border: 0;
    background-color: #FFFFFF;
    color: #444444;
}

h3 {
    font: 11px tahoma;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.columnsColumn {
    border: none;
}

/*
------------- Theme Controller
*/

.themeControlContainer {
/*float:left;*/
    border: 1px solid #D9D9D9;
    height: 28px;
    position: relative;
    z-index: 6;
    margin-bottom: 7px;
    padding: 7px 5px 5px 5px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.themeControlContainer .changeThemeButton {
    border: 1px solid #d9d9d9;
    display: inline;
    margin-top: 3px;
    padding: 4px 25px 4px 10px;
    width: 70px;
    background-image: url('./images/theme_refresh.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.themeSelectOneMenu {
    margin: 5px 3px 0;
    padding: 0;
    border: 1px solid #d9d9d9; /*padding-top: 2px;*/
    width: 120px;
}

.themeControlContainer a {
    color: #444;
}

/*
------------- Navigation Tree 
*/
.navigationTree {

}

.navigationTreeRow {
    white-space: nowrap;
    vertical-align: middle;
    padding: 0;
}

.navigationTreeRow a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    padding: 0 0 0 3px;
    vertical-align: middle;
}

.navigationTreeRow a:hover {
    text-decoration: underline;
}

.navigationTreeRow img {
    border: 0;
    vertical-align: middle;
    background-repeat: repeat-y;
    padding: 0;
}

.navigationTreeRow > img {
    width: 16px;
}

.navigationTreeRow a img {
/* vertical-align: top; - Bug in FF, when img has focus it is not highlighted with a box.*/
    background-repeat: repeat-y;
    border: 0;
    padding: 0;
}

.navigationTreeRow * div {
    padding: 0;
    vertical-align: middle;
}

/* node selection and rollover state. */
a.navNodeSelecttrue:hover, a.navNodeSelectfalse:hover {
    color: #318496;
    text-decoration: none;
    padding-left: 16px;
    background: url('./images/navigation_tree/tree_node_rollover.gif') no-repeat left center;
}

a.navNodeSelecttrue:visited, a.navNodeSelectfalse:visited {
/*color: #104e5b;*/
}

a.navNodeSelecttrue {
    font-weight: bold;
    padding-left: 16px;
    background: url('./images/navigation_tree/tree_node_selected.gif') no-repeat left center;
}

a.navNodeSelectfalse {
    padding-left: 16px;
    background: url('./images/navigation_tree/tree_node.gif') no-repeat left center;
}

a.navNodeFoldertrueExpandedfalse, a.navNodeFoldertrueExpandedfalse:hover {
    padding-left: 20px;
    background: url('./images/navigation_tree/tree_folder_closed.gif') no-repeat left center;
}

a.navNodeFoldertrueExpandedtrue, a.navNodeFoldertrueExpandedtrue:hover {
    padding-left: 20px;
    background: url('./images/navigation_tree/tree_folder_closed.gif') no-repeat left center;
}

/*
---------- end tree
*/

/* drag and drop demo */
.dndCartDesc span:first-child {
    font-weight: bold;
}

.dndCartDesc {
    margin-top: 15px;
    margin-bottom: 5px;
    float: left;
}

.inventoryItemContainer {
    float: left;
    margin: 8px;
    border: 1px solid #d9d9d9;
    width: 100px;
}

.inventoryItemContainer div {
    text-align: center;
}

.chartContainer {
    float: left;
    width: 462px;
    border: 1px solid #d9d9d9;
}

.returnItemButton {
    border: 1px solid #d9d9d9;
    background-color: white;
    display: inline;
    padding: 4px 25px 4px 10px;
    background-image: url('../images/dragDrop/return_arrow.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.cartDropTarget {
    background-color: #fda505;
}

/* effects demo */
.effectWrapperContainer {
    float: left;
    margin: 15px;
    width: 125px;
    height: 80px;
    padding: 2px;
}

.effectWrapperContainer:hover {
    text-decoration: none;
}

.effectsDemoContainer {
    float: left;
    width: 125px;
    height: 80px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #d9d9d9;
    overflow: hidden;
    background: url('../images/effect_gradient.gif') bottom left repeat-x;
}

.effectsDemoContainer > div {
    float: left;
    width: 100%;
    font: 11px tahoma;
    vertical-align: middle;
    text-align: center;
    color: #484848; /*padding: 7px;*/
    font-weight: bold;
}

.effectsDemoTitle {
    background: #FFF url('../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif') repeat-x center left;
    border-bottom: 1px solid #d9d9d9;
}

.effectsDemoContainer:hover {
    cursor: pointer;
    text-decoration: none;
}

.effectsDemoContainer:hover .iceOutTxt {
    color: #318496;
    text-decoration: none;
}

.effectsDemoContainer a:hover {
    text-decoration: none;
}

/* DATA PAGINATOR EXAMPLE */
.dataPaginatorDataTable {
    float: left;
    margin-top: 20px;
}

.dataPaginatorVertical_true {

}

.dataPaginatorVertical_false {
    clear: left;
}

/* END DATA PAGINATOR EXAMPLE */

/* main styles for individual component examples */

.synopsisBox > span:first-child,
div.firstChildTitle > span:first-child,
div.firstChildTitle > div > span:first-child {
    font-weight: bold;
}

.title {
    color: yellow;
}

.exampleBox a, .synopsisBox a, .exampleBox a:visited, .synopsisBox a:visited {
    text-decoration: none;
}

.exampleBox .iceMnuItm a:hover {
    text-decoration: none;
}

.centerBox {
    margin-right: auto;
    margin-left: auto;
}

table.verticalAlignTop td {
    vertical-align: top;
}

div.verticalAlignMdl {
    vertical-align: middle;
}

/* connection status style for tabbed template */
.navConnectionStatus {
    left: 900px;
    position: relative;
    top: 34px;
}

/* left navigation panel collapsible, is not effected by theme changes.  */
.navPnlClpsbl, .navPnlClpsblColpsd {
    border-bottom: none;
}

.navPnlClpsblCnt .navPnlClpsbl {
    border: none;
}

.navPnlClpsblHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 6px 0 0 8px;
    font-weight: bold;
    height: 20px;
    background: #FFF url('../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif') repeat-x top left;
    border-bottom: 1px solid #d9d9d9;
}

.navPnlClpsblHdr .iceCmdLnk, .navPnlClpsblColpsdHdr .iceCmdLnk {
    padding-left: 22px;
}

.navPnlClpsblHdr .icePnlGrp a {
    font-weight: bold;
}

.navPnlClpsblCnt {
    font: 11px / 17px tahoma;
    color: #494949;
    background: #f5f5f5;
    padding: 4px 4px 4px 9px;
    border-bottom: none;
}

.navPnlClpsblCnt .navPnlClpsblHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 0 0 0 0;
    font-weight: bold;
    height: 20px;
    border: none;
    margin-top: 8px;
}

.navPnlClpsblCnt .navPnlClpsblHdr .navOutTxt {
    background: none;
}

.navPnlClpsblCnt .navPnlClpsblColpsdHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 0 0 0 0;
    font-weight: bold;
    height: 20px;
    border: none;
    margin-top: 8px;
}

.navPnlClpsblCnt .navPnlClpsblColpsdHdr .iceOutTxt {
    background: none;
}

.navPnlClpsblCnt .navPnlClpsblCnt {
    border-left: none;
    border-right: none;
    padding: 0 0 0 10px;
}

.navPnlClpsblCnt .navPnlClpsblColpsd {
    border: none;
}

.navPnlClpsblColpsdHdr {
    font: 11px tahoma;
    color: #484848;
    padding: 6px 0 0 8px;
    font-weight: bold;
    height: 20px;
    background: #FFF url('../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif') repeat-x top left;
    border-bottom: none;
}

.navPnlClpsblColpsdHdr .iceOutTxt,
.navPnlClpsblHdr .iceOutTxt {
    padding-left: 22px;
    color: #484848;
}

.navPnlClpsblColpsdCnt {
    border: none;
}

.navPnlClpsblHdr, .navPnlClpsblHdr-dis, .navPnlClpsblColpsdHdr, .navPnlClpsblColpsdHdr-dis {
    cursor: pointer;
}

.navPnlClpsblHdr div, .navPnlClpsblHdr-dis div, .navPnlClpsblColpsdHdr div, .navPnlClpsblColpsdHdr-dis div {
    background-repeat: no-repeat;
    background-position: left top;
    height: 18px;
}

/* -------------------------- */
.navPnlClpsbl a, .navPnlClpsblHdr a, .navPnlClpsblColpsdHdr a {
    color: #444444;
}

.navPnlClpsblWrapper {
    margin-top: 20px;
    display: block;
    float: left;
}

.navPnlClpsblLnks .iceOutTxt {
}

.navPnlClpsblLnks span, .navPnlClpsblLnks.nodec, .navPnlClpsblLnks:link,
.navPnlClpsblLnks:hover, .navPnlClpsblLnks:visited {
    color: #004080;
}

.navPnlClpsblLnks:link, .navPnlClpsblLnks:visited {
    text-decoration: none;
}

.navPnlClpsblLnks:hover {
    text-decoration: underline;
}

.navPnlClpsblEnd {
    border-bottom: 1px solid #d9d9d9;
}

.navPnlClpsblHdr .iceCmdLnk, .navPnlClpsblColpsdHdr .iceCmdLnk {
    padding-left: 18px;
}

.navPnlClpsblHdr div, .navPnlClpsblHdr-dis div {
    background: url('./images/navigation_tree/tree_folder_open.gif') no-repeat 0 3px;
}

.navPnlClpsblColpsdHdr div, .navPnlClpsblColpsdHdr-dis div {
    background: url('./images/navigation_tree/tree_folder_closed.gif') no-repeat 0 3px;
}

/* end of navigation panel collapsible */

/* AUTOCOMPLETE EXAMPLE */

.cityCol {
    width: 125px;
}

.stateCol {
    width: 125px;
}

.zipCol {
    width: 50px;
}

.serverFeedbackBorderHighlight {
    vertical-align: top;
    border: 1px solid #CCCCCC;
    padding: 10px;
    width: 300px;
}

.iceSelInpTxtRow, .iceSelInpTxtSelRow {
    height: 15px;
}

.iceSelInpTxtSelRow {
    color: #FFFFFF;
}

/* END AUTOCOMPLETE EXAMPLE */

/* COLUMNS EXAMPLE */

.columnsColumn, .columnsNestedColumn, .columnsNestedBoldColumn {
    white-space: nowrap;
    color: #000000;
    padding: 3px 5px;
    text-align: center;
}

.columnsColumn {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    width: 55px;
}

/* END COLUMNS EXAMPLE */

/* MENUBAR EXAMPLE */

.menuHeadingItem a {
    width: 144px;
}

.orientationLabel {
    display: inline;
    float: left;
}

.orientationRadioBtn label {
    vertical-align: top;
}

/* END MENUBAR EXAMPLE */

/* MENUPOPUP EXAMPLE */
.menuPopupEffectsVrtSubMenuInd {
    padding-top: 0px;
}

/* END MENUPOPUP EXAMPLE */

/* PANELBORDER.XHTML */
.pnlBrdrDemo {
    margin: 15px 15px 0 0;
    display: block;
    float: left;
    padding: 15px;
}

.pnlBrdrDemoNorth, .pnlBrdrDemoEast, .pnlBrdrDemoWest, .pnlBrdrDemoCenter, .pnlBrdrDemoSouth {
    border: 1px solid #CCCCCC;
    background-color: #EEEEEE;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.pnlBrdrDemoNorth, .pnlBrdrDemoSouth {
    height: 60px;
}

.pnlBrdrDemoEast, .pnlBrdrDemoWest {
    width: 100px;
}

.pnlBrdrDemoEast, .pnlBrdrDemoWest, .pnlBrdrDemoCenter {
    height: 100px;
}

/* END PANELBORDER.XHTML */

/* SELECTINPUTDATE.XHTML */
.weekend a {
    background-color: #999999;
}

.weekend a span {
    color: white;
}

.august span {
    font-weight: bold;
}

/* END SELECTINPUTDATE.XHTML */

/* GMAP.XHTML */
.iceGmpMapTd div.gmap {
    width: 545px;
    height: 350px;
    border: 3px inset #555555;
}

/* END GMAP.XHTML */

/* PANELPOPUP.XHTML */

.corePopup {
    position: absolute;
    z-index: 1001;
    width: 300px;
    height: 150px;
    top: 60%;
    left: 40%;
}

.popupBody {
    margin-top: 25px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.popupHeaderWrapper {
    text-align: center;
    vertical-align: middle;
}

.popupHeaderText {
    float: left;
}

.popupHeaderImage {
    float: right;
    margin-top: 2px;
    margin-right: 2px;
}

/* END PANELPOPUP.XHTML */

/* START PANELPOSITIONABLE */

.positionPanelContainer {
/*border: 1px solid #d9d9d9;    */
}

.rankPanelContainer  span, .rankPanelContainer  span {
    font-weight: normal;
}

.positionPanelContainer div.container {
    background: #FFF url('../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif') repeat-x top left;
    color: #484848;
    padding-left: 5px;
    font-weight: normal;
    width: 125px;
    border: 1px solid #d9d9d9;
}

.positionPanelContainer div.moveLabel {
    background: url('../images/move_arrows.gif') no-repeat center left;
    padding: 6px 0 0 25px;
    height: 20px;
}

.rankPanelContainer div {
    padding: 6px 0 0 5px;
    border: 1px solid white;
    height: 20px;
}

/* END PANELPOSITIONABLE */

/* START PANEL TABSET  */
.tabsetControls div {
    float: left;
    margin-left: 3px;
    vertical-align: middle;
}

.tabsetControls div div {
    float: left;
    margin: 3px;
    vertical-align: middle;
}

/* END PANEL TABSET  */

/* START PANEL STACK  */
.panelStackContainer table.icePnlStk {
    width: 100%;
}

.stackExamplePanel table {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #F5F5F5;
    border-left: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
}

.stackExamplePanel table td {
    padding: 25px;
    border-right: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
}

.stackExamplePanel span {
    font-weight: bold;
}

.stackExamplePanel a span {
    font-weight: normal;
}

/* END PANEL STACK  */
/* START PANEL SERIES  */
.panelSeriesContainer .employeeBox {
    width: 200px;
    border: 1px solid #DADADA; /*padding: 10px;*/
    margin: 5px;
    float: left;
}

.exampleBox.panelSeriesContainer {
    width: 424px;
}

/* END PANEL SERIES  */
/* START PANEL TOOLTIP  */
.panelToolTipInvnItem {
    float: left;
    margin: 8px;
    border: 1px solid #DADADA;
    text-align: center;
}

/* END PANEL TOOLTIP  */

/* START OUTPUT PROGRESS */
.uploadProgressBar .iceOutProg, .uploadProgressBar .iceOutProgBg, .uploadProgressBar {
    width: 350px;
}

/* END OUTPUT PROGRESS */

/* START CONNECTION STATUS   */
.connectionStatusGraphics {
    width: 100%;
}

.connectionStatusGraphics span {
    font-weight: bold;
}

.connectionStatusGraphics td {
    text-align: center;
    vertical-align: middle;

}

/* END CONNECTION STATUS   */

/* START TREE */
.selectedNodetrue span {
    font-weight: bold;
}

.iceTree a:hover .iceOutTxt {
    color: #318496;
}

/* END TREE */

/* Chart example */
.chartConfigurationContainer div.firstChildTitle > label:first-child {
    margin-bottom: 5px;
    display: block;
}

/* end chart example*/

/* media example */
.mediaSelection {

}

.mediaSelection  table {
    width: 250px;
}

/* end media exmaple*/

.pnlGrdClass {
    width: 70px;
    text-align: left;
    vertical-align: top;
}

.pnlGrdClassLong {
    width: 200px;
    text-align: left;
    vertical-align: top;
}

html, body, div, table, img, fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

body, pre, PRE {
    font-family: Tahoma, Sans-Serif;
    font-size: 11px;
    color: #484848;
    background-color: #ffffff;
}

/* for some reson IE things a form should have dimensions, */
form {
    padding: 0;
    margin: 0;
}

table {
    font-size: 11px;
}

ul {
    margin-left: 15px;
    padding: 0;
}

.featureList li, .splashContainer li {
    list-style: none;
    background: url('../xmlhttp/css/rime/css-images/bullet.gif') no-repeat 0 3px;
    padding-left: 22px;
    padding-bottom: 3px;
}

h2 {
    font: 18px tahoma;
    color: #646464;
}

.iceOutTxt {
    font-family: inherit;
}

.buttonsAndLinksContainer {
    width: 500px;
}

.textEntryContainer {
    width: 500px;
}

.selectionContainer {
    width: 500px;
}

.selectInputTextContainer {
    width: 500px;
}

.selectInputDateContainer {
    width: 475px;
}

.chartsContainer {
    width: 635px;
}

.gmapContainer {
    width: 550px;
}

.outputConnectionStatusContainer {
    width: 500px;
}

.dragDropContainer {
    width: 500px;
}

.effectsContainer {
    width: 500px;
}

.inputFileContainer {
    width: 500px;
}

.outputMediaContainer {
    width: 500px;
}

.outputProgressContainer {
    width: 625px;
}

.menuBarContainer {
    width: 500px;
}

.menuPopupContainer {
    width: 500px;
}

.inputRichTextContainer {
    width: 600px;
}

.dataScrollingContainer {
    width: 500px;
}

.commandSortHeaderContainer {
    width: 500px;
}

.rowSelectorContainer {
    width: 500px;
}

.columnsTableContainer {
    width: 500px;
}

.expandableTableContainer {
    width: 500px;
}

.groupingContainer {
    width: 500px;
}

.resizableContainer {
    width: 500px;
}

.panelBorderContainer {
    width: 500px;
}

.panelCollapsible {
    width: 500px;
}

.panelTabSetContainer {
    width: 610px;
}

.panelPopupContainer {
    width: 600px;
}

.panelPopupExampleContainer {
    width: 250px;
}

.panelPositionedContainer {
    width: 500px;
}

.panelDividerContainer {
    width: 500px;
}

.panelSeriesContainer {
    width: 500px;
}

.panelStackContainer {
    width: 600px;
}

.panelToolTipContainer {
    width: 500px;
}

.demoWidth {
    width: 645px;
    overflow-x: auto;
}

.splashContainer {
    border: thick solid #FFFFFF;
    /* Removed because of IE6 'float drop' bug
    width: 680px; */
}

.bold {
    font-weight: bold;
}

.attrTable {
    margin: 1em 0;
    text-align: left;
}

.borderAndBackground {
    border: thin solid #D9D9D9;
    padding: 5px;
    background-color: #F7F7F7;
}

.hidden {
    display: none;
}

/*
----------- Dialog styles.
*/
/* basic style for add notes. */
.applicationErrorDialog, .basicOptionDialog {
    z-index: 1000;
    top: 5%;
    left: 30%;
    position: absolute;
    padding: 0;
    border: 1px solid black;
    background-color: white;
}

.applicationErrorDialogHdr, .basicOptionDialogHdr {
    background-color: #666699;
    border-bottom: 1px solid black;
    background-position: bottom;
    background-repeat: repeat-x;
    height: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 1.0em;
}

.applicationErrorDialogBody, .basicOptionDialogBody {
    text-align: center; /*font-size: 0.8em;*/
}

.basicOptionDialog {
    z-index: 1002;
    top: 30%;
    height: 100px
}

.applicationErrorDialog {
    top: 30%;
    z-index: 1001;
    height: 270px;
}

div.errorOutput {
    background-image: url(./images/dialogs/form_textarea.png);
    background-repeat: repeat-x;
    background-color: #f9f9f9;
    border: 1px solid #afafaf;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #5f5f5f;
}

/*
----------- ExpandableTable
*/
.dateColumn {
    width: 90px;
}

.componentTabSetContainerCnt {
    padding: 14px 0 0 5px;
}

.iceOutConStat {
    height: 26px;
    width: 26px;
}

.shadow {
    -moz-box-shadow: 1px 2px 4px #CCCCCC;
    -webkit-box-shadow: 1px 2px 4px #CCCCCC;
    box-shadow: 1px 2px 4px #CCCCCC;
}


