.head_panel {
	background: url('bg.png');
	padding: 5px;
	margin-top: 5px;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
 }


* {
	margin: 0;
	padding: 0;
 }

table {
	padding: 0px;
	border: 0px;
 }

tr {
	padding: 0px;
	border: 0px;
 }

td {
	padding: 0px;
	border: 0px;
 }

a {
	color: #999;
	text-decoration: none;
 }

	a:hover {color: #005599;}

img {border: 0px none;vertical-align:center}

select {
	padding: 3px;
	text-align: center;
	color: #999;
 }

#home {
	width: 1000px;
	background: #FFF;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #010402;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
 }

.header {
	padding: 5px;
	font-size: 12px;
	background: url('ma-foreex.png');
	color: #005599;
	font-weight: bold;
	height: 150px
 }

.share {
	float: left;
	margin: 5px;
 }

.navbar {
	height: 39px;
	background: #FFF;
	border-top: 1px solid #070908;
	border-bottom: 1px solid #070908;
 }

	.navbar ul {list-style: none;}

		.navbar ul li {float: left;}

			.navbar ul li a {
				display: block;
				text-align: center;
				font-size: 12px;
				color: 898e91;
				padding: 12px;
				font-weight: bold;
				border-right: 1px solid #010402;
			 }

				.navbar ul li a:hover {background: #070908;}

.panel {border: #010402 solid 2px;}

.body_panel {
	background: url('1.jpg');
	padding: 5px;
	margin-top: 5px;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
 }

.body_panel {
	border: #010402 solid 1px;
	padding: 6px;
	text-align: center;
	color: #999;
	background: #FFF;
 }

	.body_panel span {color: #999;}

.tb td {text-align: center;}

.head_tb td {
	font-size: 10px;
	color: #010402;
	font-weight: bold;
	background: #FFF;
	text-align: center;
	padding: 4px;
 }

.tbl {border: 1px solid #010402;}

.body_tb td {
	font-size: 14px;
	color: #EEEEEE;
	font-weight: bold;
	background: #2A2A2A;
	text-align: center;
	padding: 4px;
 }

.body_tb:hover td {background: #555555;}

.body_tb2 td {
	font-size: 14px;
	color: #EEEEEE;
	font-weight: bold;
	background: #333333;
	text-align: center;
	padding: 4px;
 }

.tr_data td {
	padding: 6px;
	background: #3A3A3A;
 }

.tr_data:hover td {
	color: #00FF00;
	padding: 6px;
	background: #070908;
 }

.body_tb2:hover td {background: #070908;}

.tr1 {
	background: #FFF;
	border: 1px solid #010402;
	border-collapse: collapse;
 }

.tr2 td {background: #FFF;}

.tr3 td {
	background: #FFF;
	border: 1px solid #010402;
	border-collapse: collapse;
 }

.tr4 td {
	background: #FFF;
	border: 1px solid #010402;
	border-collapse: collapse;
	padding: 3px;
 }

.ipt {
	border: 1px solid #010402;
	padding: 4px;
	color: #999;
	text-align: center;
	margin-bottom: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
 }

.inpt {
	border: 1px solid #010402;
	padding: 4px;
	color: #999;
	text-align: center;
	margin-bottom: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
 }

.btn {
	border: 1px solid #010402;
	color: #555;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	margin: 3px;
 }

	.btn:hover {
		background: #FFF;
		color: #005599;
	 }

.links a {
	border-bottom: #DD0000 solid 1px;
	padding: 4px;
	display: block;
 }

	.links a:hover {color: #DD0000;}

.br {clear: both;}

* {
	margin: 0;
	padding: 0;
 }

body {
	background: url('dz.jpg');
	color: #000000;
	font-family: Tahoma,Geneva,sans-serif;
 }
* {
	margin: 0;
	padding: 0;
 }

table {
	padding: 4px;
	border: 4px;
 }

tr {
	padding: 0px;
	border: 0px;
 }

td {
	padding: 0px;
	border: 0px;
 }

a {
	color: #999;
	text-decoration: none;
 }

	a:hover {color: #005599;}

img {border: 0px none;vertical-align:center}

select {
	padding: 3px;
	text-align: center;
	color: #999;
 }

#home {
	width: 1000px;
	background: #FFF;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #010402;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
 }





*{
margin:0;
padding:0;
}
head{
color:#00FF00;
background:url('1.jpg');
font-family:Comic Sans MS;
font-size:4px;
}
.hr {
background: url('1.') no-repeat center;
border-top: thin groove;
padding: 50px;
line-height: 12px;
}

table{
padding:0px;
border:0px;
}
tr{
padding:0px;
border:0px;
}
td{
padding:0px;
border:0px;
}
a{
color:#00ff00;
text-decoration:none;
}
a:hover{
color:#CCCCFF;
}
img{
border:0;
vertical-align:center;
}
select{
padding:3px;
text-align:center;
color:#0000BB;
}
#home{
width:1000px;
background:#6699FF;
position:relative;
margin-left:auto;
margin-right:auto;
border:1px solid #6699FF;
-moz-border-radius:7px;
-webkit-border-radius:7px;

}
.header{
padding:5px;
background:#FFF;
font-size:10px;
background: url('11.jpg');
color:#0000BB;
font-weight:bold;
height:150px;


}
.share{
float:right;
margin:5px;
}



#navba{
	background: #111 url('11.jpg') repeat-x top;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 30px;
	display: block;
	border-top: 1px solid #111;
	border-bottom: 1px solid .#ccc;
}
#navbar ul{
   float: right;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	list-style-type: none;
	height: 30px;
}
#navbar ul li{
	display:inline;
}
#navbar  ul li a{
	float: left;
	border-left: 1px solid #555;
	border-right: 1px solid #222;
	text-align: center;
	text-decoration: none;
	font: bold 10px/30px Tahoma,Arial;
	color: #ccc;
	background: #111 url('13.jpg') repeat-x top;
	margin: 0px;
	padding: 0 15px 0 15px;
}
#navbar  ul li a:hover{
	color: #fff;
	background: #222 url('11.jpg') repeat-x bottom;
}




.panel{
border:#FFF solid 2px;
}
.head_panel{
background:url('13.jpg');
padding:5jhttp://localhost:8080/phpmyadmin/px;
margin-top:7px;
color:#ffffff;
text-align:center;
font-size:16px;
font-weight:bold;
}
.body_panel{
border:#00ff00 solid 1px;
padding:6px;
text-align:center;
color:#999;
background-image: url(bg.png);
}
.head_panel span{
color:#444;
}
.tb td{
text-align:center;
}
.head_tb tb{
font-size:10px;
color:#00ff00;
font-weight:bold;
background:#FFF;
text-align:center;
padding:px;
}
.tbl{
border:1px solid #CCC;
}
.body_tb td{
font-size:14px;
color:#00ff00;
font-weight:bold;
background:#00ff00;
text-align:center;
padding:4px;
}
.body_tb:hover td{
background:#00ff00;
}
.body_tb2 td{
font-size:14px;
color:#0000BB;
font-weight:bold;
background:#99CC33;
text-align:center;
padding:4px;
}
.tr_data td{
padding:6px;
background:#00ff00;
}
.tr_data:hover td{
color:#0000BB;
padding:6px;
background:#6666CC;
}
.body_tb2:hover td{
background:#00ff00;
}
.tr1{
background:#FFF;
border:1px solid #CCC;
border-collapse:collapse;
}
.tr2 td{
background:#FFF;
}
.tr3 td{
background:#FFF;
border:1px solid #CCC;
border-collapse:collapse;
}
.tr4 td{
background:#FFF;
border:1px solid #CCC;
border-collapse:collapse;
padding:3px;
}
#ipt{
border:1px solid #CCC;
padding:4px;
color:#999;
text-align:center;
margin-bottom:3px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.inpt{
border:1px solid #CCC;
padding:4px;
color:#999;
text-align:center;
margin-bottom:3px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

.btn{
border:3px solid #00ff00;
color:#FF0000;
padding:6px;
background:url('/css/');
text-align:center;
font-weight:bold;
margin:3px;
}
.btn:hover{
background:#FFF;
color:#005599;
}

.links a{
border-bottom:#00ff00 solid 1px;
padding:4px;
display:block;
}
.links a:hover{
color:#;
}
.br{
clear:both;
}

.head_tb td {
	font-size: 14px;
	color: #dd0000;
	font-weight: bold;
	background: #dd0000;
	text-align: center;
	padding: 4px;
 }

.body_tb td {
	font-size: 14px;
	color: #EEEEEE;
	font-weight: bold;
	background: #2A2A2A;
	text-align: center;
	padding: 4px;
 }

.body_tb:hover td {background: #555555;}

.body_tb2 td {
	font-size: 14px;
	color: #EEEEEE;
	font-weight: bold;
	background: #333333;
	text-align: center;
	padding: 4px;
 }

.tr_data td {
	padding: 6px;
	background: #3A3A3A;
 }

.tr_data:hover td {
	color: #00FF00;
	padding: 6px;
	background: #555555;
 }

.body_tb2:hover td {background: #555555;}

.tr1 {background: #2A2A2A;}

	.tr1:hover td {background: #555555;}

.tr2 td {background: #333333;}

.tr2:hover td {background: #555555;}

.tr3 td {background: #3A3A3A;}

.tr3:hover td {background: #555555;}

.inpt {
	font-weight: bold;
	border: #fff 1px solid;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 4px;
	font-size: 10px;
	color: #fff;
	background: #1B1B1B;
 }

	.inpt:hover {
		border: #fff 1px solid;
		color: #fff;
		background: #3F3F3F;
	 }

.btn {
	border: #AAAAAA 1px solid;
	margin-top: 4px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 12px;
	color: #ff00ff;
	background-color: #cccccc
 }

	.btn:hover {
		border: #415378 1px solid;
		color: #ffffff;
		background-color: #5B74A8
	 }

	.btn:focus {
		background: #42557D;
		color: #fff;
	 }

.links a {
	color: #DD0000;
	text-decoration: none;
	border-bottom: #555555 solid 1px;
	padding: 2px;
	display: block;
 }

	. a:hover {
		color: #DD0000;
		background: #555555;
	 }

a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
 }

	a:hover {
		color: #00FF00;
		background: #555555;
	 }




.body_tb td{
font-size:14px;
color:#EEEEEE;
font-weight:bold;
background:#2A2A2A;
text-align:center;
padding:4px;
}
.body_tb:hover td{
background:#555555;
}
.body_tb2 td{
font-size:14px;
color:#EEEEEE;
font-weight:bold;
background:#333333;
text-align:center;
padding:4px;
}
.tr_data td{
padding:6px;
background:#3A3A3A;
}
.tr_data:hover td{
color:#00FF00;
padding:6px;
background:#555555;
}
.body_tb2:hover td{
background:#555555;
}
.tr1{
background:#FFF;
border:1px solid #CCC;
border-collapse:collapse;
}
.tr2 td{
background:#FFF;
}
.tr3 td{
background:#FFF;
border:1px solid #CCC;
border-collapse:collapse;
}
.tr4 td{
background:#FFF;
border:1px solid #CCC;
border-collapse:collapse;
padding:3px;
}
.ipt{
border:1px solid #CCC;
padding:4px;
color:#999;
text-align:center;
margin-bottom:3px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.inpt{
border:1px solid #CCC;
padding:4px;
color:#999;
text-align:center;
margin-bottom:3px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

.btn{
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 1px 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
    border: 4px solid #4CAF50;
    border-radius: 12px;
}
.btn:hover{
    background-color: #FFF;
    color: #000;
}

.links a{
border-bottom:#00ff00 solid 1px;
padding:4px;
display:block;
}
.links a:hover{
color:#005599;
}
.br{
clear:both;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(3A3A3A); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #ff00ff;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #00ff00;
    float: right;
    font-size: 20px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}