body { background: #0a0a0a url('../imgs/body_bg.png') 0 0 scroll repeat-x; color: #FFFFFF; padding: 0px; margin: 0px; font-family: Courier, monospace; font-size: 11px; }
:focus { outline: none; border: none; }
img { border: 0px; } 
p { padding: 0px; margin: 2px; }
div { width: 100%; float: left; }
body#login { background-position: 0px -17px; }
input[type=submit] { width: 210px; font-weight: bold; background: #575757 url('../imgs/button_bar_bg.png') 0 -12px scroll repeat-x; color: #FFFFFF; border: 1px solid #8f8f8f; }
a:link { color: #fdfdfd; text-decoration: none; }
table { /*border: 1px solid #ffffff; */text-align: center;}
/*td { border: 1px solid #f6f6f6; } */
#button_bar { height: 33px; padding: 1px 0px; background: transparent url('../imgs/button_bar_bg.png') 0 0 scroll repeat-x; }
#button_bar div.item { width: 33%; float: left; height: 100%; text-align: center; }
#container { margin-top:10px; margin-bottom: 10px; display: block; }
#login_header { width: 100%; background: #000000 url('/images/loghi/current/aylook-logo-mobile.png') top center scroll no-repeat; }
#login_panel { width: 100%; margin-top: 35px; }
.camera_item { width: 100%; border-bottom: 1px solid #838383; line-height: 25px; }
.camera_item img, div.td img { float: left; padding: 4px 5px; }
.camera_item p, div.td p { float: left; display: inline; padding: 2px; }
img#res_image { padding: 5px 0px; }
.s_top { background: transparent url('../imgs/snapshot_bg_top.png') 0 0 scroll repeat-x; height: 4px; width: 100%; }
.s_center { background-color: #848484; }
.s_bottom { background: transparent url('../imgs/snapshot_bg_bottom.png') 0 0 scroll repeat-x; height: 2px; width: 100%; }
div.table { width: 100%; float: left; }
div.td { float: left; width: 49%; height: 50px; padding: 0px; vertical-align: middle;}
div.td div.inner { float:left;padding:2px 0px;width: 10px;overflow: hidden;}
div.td div.img { float:left;height:35px;width:40px;margin:4px 5px;display:block;background-repeat: no-repeat;}
div.td div.img p {width:100%;margin:0px;padding:0px;margin-top:11px;text-align:center;}
div#events_pager, div#control_bar {width: 100%; margin: 10px 0px;}
div#control_bar div.item { margin-bottom: 10px; }

.prompt-mask {
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align:center;
    z-index: 1000;
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.prompt {
	position: absolute;
    width: 250px;
	height: 235px;
    background-color: #000000;
    border:0;
    text-align:center;
    z-index: 1000;
}

.prompt .keypad {
	width: 250px;
	height: 235px;
	z-index: 2000;
}

.prompt .keypad .pressed {
	position: absolute;
	background-color: #303030;
	opacity: 0.3;
	filter: alpha(opacity = 30);
	z-index: 3002;
	width: 51px;
	height: 50px;
}

.prompt .keypad .selected {
	position: absolute;
	background-color: #F5F569;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	z-index: 3001;
	width: 51px;
	height: 50px;
}