/* CSS Document */
html, body { margin: 0; padding:0; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

a { color:#03C; }

div#wrapper { position:fixed; top:0; left:0; height:100%; width:100%; }
div#content { position:relative; z-index:1; padding:10px; }
div#client_lock {
	height: 120px;
	width: 200px;
	background-image:url(../graphics/icons_standard/client_lock.png);
	background-repeat: no-repeat;
	background-position: right center;
	position:absolute;
	top: 50%; left: 50%;
	margin-top: -60px; /*set to a negative number 1/2 of your height*/
	margin-left: -100px; /*set to a negative number 1/2 of your width*/
	padding:10px;
	padding-right:70px;
	border:1px solid #000000;
	font-weight:bold;
}
div.center { 
	height: 150px;
	width: 400px;
	top: 50%; left: 50%;
	margin-top: -75px; /*set to a negative number 1/2 of your height*/
	margin-left: -200px; /*set to a negative number 1/2 of your width*/
	position:absolute;
}
div#pin_entry {
	height: 120px;
	width: 400px;
	background-image: url(../images/login_div_bg_2.png);
	background-repeat: no-repeat;
	background-position: center center;
	position:absolute;
	top: 50%; left: 50%;
	margin-top: -75px; /*set to a negative number 1/2 of your height*/
	margin-left: -200px; /*set to a negative number 1/2 of your width*/
	padding:10px;
	z-index:3;
	display:none;
}
div#login {
	height: 404px;
	width: 800px;
	/*background-image: url(../images/login_div_bg_final.png);
	background-repeat: no-repeat;
	background-position: center center;*/
	position:absolute;
	top: 40%; left: 50%;
	margin-top: -202px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	padding:10px;
	z-index:2;
}

div#time {
	height: 30px; width: 300px; 
	background-image: url(../images/time_div.png);	background-repeat: no-repeat; background-position: center center;
	position:absolute; top: 95%; left: 88%;
	margin-top: -15px; /*set to a negative number 1/2 of your height*/
	margin-left: -150px; /*set to a negative number 1/2 of your width*/
	z-index:3; color:#fff; font-weight:bold; text-align:right;
}
div#tools {
	height: 446px; width: 168px;
	background-image: url(../images/tools_div_2.png);	background-repeat: no-repeat; background-position: center center;
	position:absolute; top: 40%; left: 7%;
	margin-top: -223px; /*set to a negative number 1/2 of your height*/
	margin-left: -84px; /*set to a negative number 1/2 of your width*/
	z-index:4; font-weight:bold; color:#fff;
}  
div#dashboard { 
	z-index: 5; height: 680px; width: 1100px;
	position: absolute; top:40%; left:55%; margin-top: -275px; margin-left:-500px;
}
.menu_item, .user_item { 
	background-image:url(../images/menu_bg.png); background-repeat: no-repeat; background-position: center center;
	height:80px; width:80px; float: left; cursor:pointer; text-align:center; margin-right:10px; margin-bottom:20px;
	background-size: 75px 75px; 
}
.menu_item, .user_item img { width:45px; height: 45px; margin-top:5px; }
.menu_item, .user_item a { text-decoration:none; color:#FFF; font-size:10px; font-weight:bold; }
.menu_item:hover, .user_item:hover { background-image:url(../images/menu_bg_hover.png); }
#servertime { padding:5px; line-height:30px; text-align:right; }
input[type="button"] { 
	background-repeat: no-repeat;
	background-position: left;
	height:30px;
	border:1px solid #000000;
	font-weight:bold;
	cursor:pointer; 
	padding-left:30px; 
	padding-right: 10px; 
	width: 100px;
}
input[type="button"]:hover { border:1px solid #339; background-color:#FBFDFD; }
.textbox { padding:2px; height:20px; width: 200px; }
.ok_button { background-image:url(../graphics/button_icons/check-24-ns.png); }
.edit_button { background-image:url(../graphics/button_icons/pencil-24-ns.png); }
.delete_button { background-image:url(../graphics/button_icons/badge-circle-cross-24-ns.png); }
.new_button { background-image:url(../graphics/button_icons/page-star-24-ns.png); }
.refresh_button { background-image:url(../graphics/button_icons/lightening-24-ns.png); }
.close_button { background-image:url(../graphics/button_icons/cross-24-ns.png);}
.search_button { background-image:url(../graphics/button_icons/search-24-ns.png);}
.add_button { background-image:url(../graphics/button_icons/badge-circle-plus-24-ns.png);}
.view_button { background-image:url(../graphics/button_icons/clipboard-eye-24-ns.png);}
.reverse_button { background-image:url(../graphics/button_icons/arrow-left-24-ns.png);}
.report_button { background-image:url(../graphics/button_icons/page-star-24-ns.png);}
.transfer_button { padding:0; text-align:center }
.ellipses { min-width:30px; padding-left:0px; padding-right:0px; text-align:center; font-weight:bold; }

#message_center {
	width: 25%;
	min-height:0%;
	height:80%;
	right:5px;
	bottom:0px;
	position:absolute;
	padding:5px;
	background-color:#C8D8F7;
	border:2px solid #333; 
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	display:none;
	z-index:2000;
}

.tinytable {width:100%; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none}
.tinytable th {background:url(../graphics/grid_images/header-bg.gif); color:#ffffff; border:1px solid #fff; border-right:none;}
.tinytable th:hover { color:#cfdce7; }
.tinytable th h3 {font-size:13px; padding:6px 8px 8px}
.tinytable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.tinytable .head h3 {background:url(../graphics/grid_images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .desc, .sortable .asc {background:url(../graphics/grid_images/header-selected-bg.gif)}
.tinytable .desc h3 {background:url(../graphics/grid_images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .asc h3 {background:url(../graphics/grid_images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .head:hover, .tinytable .desc:hover, .tinytable .asc:hover {color:#fff}
.tinytable .evenrow td {background:#fff}
.tinytable .oddrow td {background:#ecf2f6}
.tinytable .evenrow td:hover { background-color:#C6D5E1; }
.tinytable .oddrow td:hover { background-color:#C6D5E1; }
.tinytable td.evenselected {background:#ecf2f6}
.tinytable td.oddselected {background:#dce6ee}
.tinytable tfoot {background:#fff; font-weight:bold}
.tinytable tfoot td {padding:6px 8px 8px}

#overlay {
	 display: none;
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 cursor:wait;
	 background: #041128;
	 z-index:50;
	 opacity: 0.5;
	 -ms-filter: "alpha (opacity=50)";
	 filter: alpha (opacity=50);
}

#overlay img {
    position:relative;    
    left:50%; 
    top:50%;
    z-index:100;    
}