/*iframe:layer under window layer*/
.lightIframeLayer { border: 0px; background-color: black; filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; }
/*div:Layer contains window*/
.lightWindowLayer { display: none; }
/*Master Table contains window parts*/
.lightMasterTable { width: 100%; height: 100%; border-collapse: collapse; margin: 0; }
/*td*/
.lightHeaderContainer { height: 22px; width: 100%; vertical-align: top; padding: 0px; }
/*td*/
.lightToolbarContainer { height: 18px; width: 100%; vertical-align: top; padding: 0px; }
/*td*/
.lightContentContainer { width: 100%; padding: 0px; vertical-align: top; }
/*td*/
.lightFooterContainer { height: 22px; width: 100%; vertical-align: top; padding: 0px; }
.lightBottomLineContainer { height: 8px; width: 100%; vertical-align: bottom; padding: 0px; }
/*Header-----------------------------------------------------------------------------------------------*/
/*td*/
.lightHeaderTable { width: 100%; border-collapse: collapse; margin: 0; }
/*tr*/
.lightHeaderTop { }
/*tr*/
.lightHeaderBottom { display: none; }
/*td*/
.lightHeaderTopLeft { height: 8px; width: 8px; padding: 0px; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
/*td*/
.lightHeaderTopCenter { height: 8px; padding: 0px; background-repeat: repeat; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
/*td*/
.lightHeaderTopRight { height: 8px; width: 8px; padding: 0px; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
/*td*/
.lightHeaderMiddleLeft { padding: 0px; width: 8px; height: 18px; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
/*td*/
.lightHeaderMiddleCenter { padding: 0px; height: 18px; background-color: #f2f2f2; background-repeat: repeat; color: #4c4c4c; }
/*td*/
.lightHeaderMiddleRight { padding: 0px; width: 8px; height: 30px; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
/*td*/
.lightHeaderBottomLeft { height: 0px; width: 0px; padding: 0px; }
/*td*/
.lightHeaderBottomCenter { height: 0px; padding: 0px; }
/*td*/
.lightHeaderBottomRight { height: 0px; width: 0px; padding: 0px; }
/*Small table inside header*/
.lightHeaderInnerTable { width: 100%; border-collapse: collapse; margin: 0; }
/*td*/
.lightHeaderLogoContainer { width: 1px; padding: 0px; padding-left: 5px; }
/*img*/
.lightHeaderLogo { width: 16px; height: 16px; }
/*td*/
.lightHeaderTitle { padding: 0px; padding-left: 2px; cursor: light; }
/*div*/
.lightTitlePanel { font-weight: bold; font-family: Tahoma; font-size: 11px; color: #4c4c4c; overflow: hidden; white-space: nowrap; }
/*div*/
.lightTitlePanelDisable { font-weight: bold; font-family: Tahoma; font-size: 11px; color: White; overflow: hidden; white-space: nowrap; }
/*Contain built-in buttons td*/
/*td*/
.lightHeaderBuiltinButtonsContainer { width: 1px; padding: 0px; }
/*Buttons table*/
.lightWindowBuiltinButtonsTable { width: auto; border-collapse: collapse; margin: 0; }
/*Individual Button Container, it is the td cover button*/
.lightButtonContainer { padding: 0px; padding-right: 2px; }
/*Minimize Button*/
/*img*/
.lightButtonMinimizeOver { width: 16px; height: 14px; background: yellow; }
/*img*/
.lightButtonMinimizeDown { width: 16px; height: 14px; background: red; }
/*img*/
.lightButtonMinimizeOut { width: 16px; height: 14px; background: blue; }
/*Maximize Button*/
/*img*/
.lightButtonMaximizeOver { width: 16px; height: 14px; background: url(MaximizeOut.gif); }
/*img*/
.lightButtonMaximizeDown { width: 16px; height: 14px; background: url(MaximizeDown.gif); }
/*img*/
.lightButtonMaximizeOut { width: 16px; height: 14px; background: url(MaximizeOut.gif); }
/*Restore Down Button*/
/*img*/
.lightButtonRestoreDownOver { width: 16px; height: 14px; background: url(RestoreDownOut.gif); }
/*img*/
.lightButtonRestoreDownDown { width: 16px; height: 14px; background: url(RestoreDownDown.gif); }
/*img*/
.lightButtonRestoreDownOut { width: 16px; height: 14px; background: url(RestoreDownOut.gif); }
/*Close Button*/
/*img*/
.lightButtonCloseOver { width: 16px; height: 14px; background: url(CloseOut.gif); }
/*img*/
.lightButtonCloseDown { width: 16px; height: 14px; background: url(CloseDown.gif); }
/*img*/
.lightButtonCloseOut { width: 16px; height: 14px; background: url(CloseOut.gif); }
/*Toolbar-----------------------------------------------------------------------------------------------*/
.lightToolbarTable { width: 100%; border-collapse: collapse; margin: 0; }
/*tr*/
.lightToolbarTop { display: none; }
/*tr*/
.lightToolbarBottom { display: none; }
/*td*/
.lightToolbarTopLeft { height: 0px; width: 0px; padding: 0px; }
/*td*/
.lightToolbarTopCenter { height: 0px; padding: 0px; }
/*td*/
.lightToolbarTopRight { height: 0px; width: 0px; padding: 0px; }
/*td*/
.lightToolbarMiddleLeft { width: 0px; padding: 0px; }
/*td*/
.lightToolbarMiddleCenter { padding: 0px; }
/*td*/
.lightToolbarMiddleRight { width: 0px; padding: 0px; }
/*td*/
.lightToolbarBottomLeft { height: 0px; width: 0px; padding: 0px; }
/*td*/
.lightToolbarBottomCenter { height: 0px; padding: 0px; }
/*td*/
.lightToolbarBottomRight { height: 0px; width: 0px; padding: 0px; }
/*div*/
.lightToolbarPanel { background-color: Aqua; }
/*Content-----------------------------------------------------------------------------------------------*/
.lightContentTable { width: 100%; height: 100%; border-collapse: collapse; margin: 0; }
/*tr*/
.lightContentTop { display: none; }
/*tr*/
.lightContentBottom { display: none; }
/*td*/
.lightContentTopLeft { height: 0px; width: 0px; padding: 0px; }
/*td*/
.lightContentTopCenter { height: 0px; padding: 0px; }
/*td*/
.lightContentTopRight { height: 0px; width: 0px; padding: 0px; }
/*td*/
.lightContentMiddleLeft { padding: 0px; width: 8px; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
/*td*/
.lightContentMiddleCenter { padding: 0px; vertical-align: top; }
/*td*/
.lightContentMiddleRight { padding: 0px; width: 8px; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
/*td*/
.lightContentBottomLeft { height: 0px; width: 0px; padding: 0px; font-size: 1px; }
/*td*/
.lightContentBottomCenter { height: 0px; padding: 0px; font-size: 1px; }
/*td*/
.lightContentBottomRight { height: 0%; width: 0px; padding: 0px; font-size: 1px; }
/*IFRAME or DIV*/
.lightContentPanel { border: 0px; background-color: #D6D3CE; overflow: hidden; padding: 0px; }
/*Footer-----------------------------------------------------------------------------------------------*/
.lightFooterTable { border-collapse: collapse; margin: 0; width: 100%; }
/*tr*/
.lightFooterTop { display: none; }
/*tr*/
.lightFooterBottom { display: none; }
/*td*/
.lightFooterTopLeft { padding: 0px; }
/*td*/
.lightFooterTopCenter { padding: 0px; }
/*td*/
.lightFooterTopRight { padding: 0px; }
/*td*/
.lightFooterMiddleLeft { width: 5px; padding: 0px; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
/*td*/
.lightFooterMiddleCenter { height: 22px; padding: 0px; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; white-space: nowrap; }
/*td*/
.lightFooterMiddleRight { width: 24px; height: 22px; padding: 0px; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
/*td*/
.lightFooterBottomLeft { height: 0px; width: 0px; padding: 0px; background-color: #D6D3CE; }
/*td*/
.lightFooterBottomCenter { height: 0px; width: 0px; padding: 0px; }
/*td*/
.lightFooterBottomRight { height: 0px; width: 0px; padding: 0px; }
/*div*/
.lightFooterPanel { cursor: light; font-family: Tahoma; font-size: 11px; padding-left: 5px; padding-top: 1px; background-color: #D6D3CE; overflow: hidden; height: 13px; width: 100%; white-space: nowrap; }
/*BottomLine-----------------------------------------------------------------------------------------------*/
.lightBottomLineTable { border-collapse: collapse; margin: 0; width: 100%; }
.lightBottomLineLeft { width: 8px; height: 8px; padding: 0px; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.lightBottomLineCenter { height: 8px; padding: 0px; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.lightBottomLineRight { width: 8px; height: 8px; padding: 0px; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
/*DragPanel-----------------------------------------------------------------------------------------------*/
.lightDragPanel { background-color: Gray; filter: alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; z-index: 999999999; }
/*Filter-----------------------------------------------------------------------------------------------*/
.lightFilterIframeLayer { border: 0px; filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; }
.lightFilterDivLayer { background-color: gray; filter: alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15; }
/*Window Resize-----------------------------------------------------------------------------------------------*/
.lightResizeHandle { position: absolute; background-color: white; filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; font-size: 1px; height: 8px; width: 8px; }
/*Handle cursor of mouseover*/
.lightCursorResizeLeft { cursor: e-resize; }
.lightCursorResizeTop { cursor: n-resize; }
.lightCursorResizeRight { cursor: w-resize; }
.lightCursorResizeBottom { cursor: s-resize; }
.lightCursorResizeTopLeft { cursor: nw-resize; }
.lightCursorResizeTopRight { cursor: ne-resize; }
.lightCursorResizeBottomRight { cursor: se-resize; }
.lightCursorResizeBottomLeft { cursor: sw-resize; }
/*The size of diagonal resize at each conner*/
.lightResizeConnerSize { width: 20px; height: 20px; background-color: transparent; }
.lightResizePanel { z-index: 99999; background-color: Gray; filter: alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; }
/*-BuiltinWindow------------------------------------------------*/
.lightAlertContentTable { width: 100%; height: 100%; }
.lightAlertLogoContainer { padding: 0px; width: 30px; vertical-align: top; padding-top: 10px; padding-left: 15px; }
.lightAlertMessageContainer { padding: 0px; font-family: Verdana; font-size: 8pt; vertical-align: top; padding-top: 15px; padding-left: 10px; }
.lightAlertOKContainer { padding: 0px; text-align: center; vertical-align: bottom; padding-bottom: 10px; }
.lightwarningLogo { padding: 0px; width: 32px; height: 32px; background-image: url(windows-warning.png); }
.lightinfoLogo { padding: 0px; width: 32px; height: 32px; background-image: url(windows-info.png); }
.lighterrorLogo { padding: 0px; width: 32px; height: 32px; background-image: url(windows-error.png); }
.lightAlertOKButton { width: 60px; }
/*use to detect finsihed loading, do not change*/
.lightEnd { background-color: Transparent; position: absolute; top: 0px; left: 0px; height: 9px; width: 9px; font-size: 1px; }