/*-- (©) InitiativeWeb - Use with className: dialog, alpha - use lightmore.css with className: bluelight, greylight, greenlight --*/
.overlay_dialog { background-color: #CCC; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6 }
.overlay___invisible__ { background-color: #CCC; filter:alpha(opacity=0); -moz-opacity: 0;	opacity: 0 }
.dialog_nw {width: 9px; height: 23px; background: transparent url(lighting/top_left.gif) no-repeat 0 0}
.dialog_n {background: transparent url(lighting/top_mid.gif) repeat-x 0 0; height: 23px}
.dialog_ne {width: 9px; height: 23px; background: transparent url(lighting/top_right.gif) no-repeat 0 0}
.dialog_e {width: 2px; background: transparent url(lighting/center_right.gif) repeat-y 0 0}
.dialog_w {width: 2px; background: transparent url(lighting/center_left.gif) repeat-y 0 0}
.dialog_sw {width: 9px; height: 19px; background: transparent url(lighting/bottom_left.gif) no-repeat 0 0}
.dialog_s {background: transparent url(lighting/bottom_mid.gif) repeat-x 0 0; height: 19px}
.dialog_se {width: 9px;	height: 19px; background: transparent url(lighting/bottom_right.gif) no-repeat 0 0}
.dialog_sizer {width: 9px;	height: 19px; background: transparent url(lighting/sizer.gif) no-repeat 0 0;	cursor:se-resize}
.dialog_close {width: 14px; height: 14px; background: transparent url(lighting/close.gif) no-repeat 0 0; position:absolute; top:5px; left:8px; cursor:pointer; z-index:2000}
.dialog_minimize {width: 14px; height: 15px; background: transparent url(lighting/minimize.gif) no-repeat 0 0; position:absolute; top:5px; left:28px; cursor:pointer; z-index:2000}
.dialog_maximize {width: 14px; height: 15px; background: transparent url(lighting/maximize.gif) no-repeat 0 0; position:absolute; top:5px; left:49px; cursor:pointer; z-index:2000}
.dialog_title {float:left; height:14px; font-family: Tahoma, Arial, sans-serif;	font-size:12px; font-weight:bold; text-align:center;	width:100%; color:#000}
.dialog_content {overflow:auto; color: #FFF; font-family: Tahoma, Arial, sans-serif; font-size: 11px;	background-color:#999}
.top_draggable, .bottom_draggable {cursor:move}
.status_bar {font-size:12px}
.status_bar input{font-size:12px}
.wired_frame {display: block; position: absolute; border: 1px #000 dashed}
/*--  do not change these values --*/
.dialog {display: block; position: absolute}
.dialog table.table_window {border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0px; padding:0px}
.dialog table.table_window td , .dialog table.table_window th {padding: 0}
.dialog .title_window {-moz-user-select:none}
/*--  for login purpose --*/ 
#login {background:#123; z-index:2000}  /* z-index > DIV (default:0) */
.login_label, .login_input, .login_error {padding:10px; color:#000; text-align:left; float:left; width:100px; font-size:16px; color:#64355A}
.login_input {width:180px}
.login_error {width:250px; color:#F00}
.login_input input {width:100%}
/*-- Use with classNames: alpha  */
.overlay_alpha {background-color:#85BBEF; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}
.alpha_nw {background: transparent url(lighting/left-top.gif) no-repeat 0 0; width:10px; height:25px}
.alpha_n {background: transparent url(lighting/top-middle.gif) repeat-x 0 0; height:25px}
.alpha_ne {background: transparent url(lighting/right-top.gif) no-repeat 0 0; width:10px; height:25px}
.alpha_w {background: transparent url(lighting/frame-left.gif) repeat-y top left; width:7px}
.alpha_e {background: transparent url(lighting/frame-right.gif) repeat-y top right; width:7px}
.alpha_sw {background: transparent url(lighting/bottom-left-c.gif) no-repeat 0 0; width:7px; height:7px}
.alpha_s {background: transparent url(lighting/bottom-middle.gif) repeat-x 0 0; height:7px}
.alpha_se, .alpha_sizer  {background: transparent url(lighting/bottom-right-c.gif) no-repeat 0 0; width:7px; height:7px}
.alpha_sizer {cursor:se-resize}
.alpha_close {width: 23px; height: 23px; background: transparent url(lighting/button-close-focus.gif) no-repeat 0 0;	position:absolute; top:0px; right:11px; cursor:pointer;	z-index:1000}
.alpha_minimize {width: 23px; height: 23px; background: transparent url(lighting/button-min-focus.gif) no-repeat 0 0; position:absolute; top:0px; right:55px; cursor:pointer; z-index:1000}
.alpha_maximize {width: 23px; height: 23px; background: transparent url(lighting/button-max-focus.gif) no-repeat 0 0; position:absolute; top:0px; right:33px; cursor:pointer; z-index:1000}
.alpha_title {float:left; font-size:14px; font-weight:bold; text-align:left; margin-top:1px; width:100%; color:#123456 }
.alpha_content {overflow:auto; color:#000; font-family: Tahoma, Arial, sans-serif; font: 12px arial; background:#FCFCFC}
.alpha_window {border:1px solid #F00; background:#FFF; padding:20px; margin-left:auto; margin-right:auto; width:400px} /* For alert/confirm dialog */
.alpha_message {font: 12px arial; text-align:center; width:100%; padding-bottom:10px}
.alpha_buttons {text-align:center; width:100%}
.alpha_buttons input {width:20%; margin:10px}
.alpha_progress {float:left; margin:auto;	text-align:center; width:100%; height:16px;	background:#FFF url(lighting/progress.gif) no-repeat center center}
.alpha_wired_frame {background:#FFF; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}
/*-----  others lighting classNames in lightmore.css  -----*/