@charset "utf-8";
/* CSS Document */
*{
	
margin:0px;	
	
}
body{
margin:0px;
padding:0px;	
	
}
#contain {
width: 960px;
position: relative;
margin-left:auto;
margin-right:auto;
clear:both;
margin-top:20px;
padding:20px;
padding-left:0px;
}
#header_bg{
background-color: #0e83cd;	
width:100%;
height:100px;	
}
#footer_bg{
background-color: #d9d9d9;	
width:100%;
height:100px;	
bottom:0px;
position:absolute;
}
#header {
height: 75px;
width: 900px;
margin:0 auto;

}
#menus{
width: 900px;
margin:0 auto;	
height: 25px;
position:relative;

}
#menus ul{

height: 25px;
width: 100px;


padding:0px;
font-size: 18px;
font-weight:bold;
line-height:18px;
margin:0px;
color: #FFF;text-align:left;
}
#menus ul li{
	
list-style-type:none;
margin:0 15px 0 0;
display:block;	
}
#menus ul li a{
color:#fff;
text-decoration:none;

}
#left{
width:198px;
height:220px;	
background-color: #0e83cd;	
padding:20px;
border:1px solid #CCC;	
float:left;
margin-bottom:30px;
}
#left a{
line-height:20px;
display:block;
margin:0 5px;
color:#fff;
font-family:Arial;
font-weight:bold;
font-size:18px;	
text-decoration:none;
	
}
#r_space {
width: 620px;
float:right;
border:1px solid #0e83cd;
margin-bottom:30px;
padding:10px 20px;
overflow:auto;
height:auto;

}
#footer {
float: left;
height: 25px;
width: 895px;
position: relative;
background-color: #2a2a2a;
padding-top: 5px;
}
.top_bg{
height:34px;
background-color:#CCC;
width:620px;
position:relative;	
z-index:10;	
	
}
.bottom_bg{
height: 94px;background-color:#f1f1f1;
width:620px;
position:relative;	
z-index:10;	
	
}
 #header h1 {
color: #FFF;
float:left;
width:200px;
}
#contain #footer div {
color: #FFF;
}
#header h1 {
color: #FFF;

}

#contain #r_space h2 {
color: #E87400;
}



#log{
	
font-size:18px;
color:#fff;
float:right;	
margin-right:20px;
line-height:40px;
}
#log a{
color:#fff;
	
	
}

#workspace{
	
margin-top:50px;
	
}
label{
	 display: block; 
width:220px;	
	float:left;
	margin-bottom:20px;
	font-size:18px;
	clear:both;
	text-align:right;
	
}
h2{
	
margin-bottom:15px;
text-align:center;	
}
input[type="text"]
{
	float:right;
		margin-bottom:20px;
		width:220px;
 border: 1px solid #b9bdc1;
}
input[type="password"]
{
	float:right;
		margin-bottom:20px;
		width:220px;
 border: 1px solid #b9bdc1;
}
input[type="file"]
{
	
		margin-bottom:10px;
float:right;
margin-right:40px;
}

select{
	
margin-left:10px;
margin-bottom:10px;
float:right;
width:220px;
	
}
input[type="submit"]
{
		clear:both;
		float:left;
margin-top:20px;
width:100px;
height:30px;

    font-weight: bold;
    line-height: 1;
    padding: 6px 10px;
    cursor:pointer;
    color: #fff;
 
    text-align: center;
    text-shadow: 0 -1px 1px #64799e;
	background: #2672EC;

border: 1px solid #5c6f91;



}
input[type="reset"]
{    color: #fff;

		margin-left:20px;
		margin-top:20px;
		float:left;
width:100px;
height:30px;
background: #2672EC;
 font-weight: bold;
    line-height: 1;
	 text-shadow: 0 -1px 1px #64799e;
border: 1px solid #5c6f91;


}
.message{
color:red;
font-size:18px;	
	
}
#buttons{
	
margin-left:140px;	
	
}
form{
	
width:500px;
margin-left:40px;
margin-top:20px;	
height:420px;
	
	
}
#commercial_albums{
	
width:308px;
height:auto;
float:left;
display:block;	
z-index:20;
position: relative;
top: -122px;
text-align:center;
border-right:1px solid #9a9a9a;
border-left:1px solid #9a9a9a;

}
#commercial_albums h3{

font-size:20px;
font-weight:bold;	
margin-bottom:4px;	

}
#religious_album h3{

font-size:20px;
font-weight:bold;
margin-bottom:3px;	
}
#commercial_albums p{
font-size:18px;
font-weight:bold;	
border-bottom:1px solid #9a9a9a;
line-height:30px;	
}
#religious_album{
	
width:309px;
height:auto;
	float:right;
	display:block;	
z-index:20;
position: relative;
top: -121px;
text-align:center;
border-right:1px solid #9a9a9a;


}
#commercial_albums a{
text-decoration:none;
color:	#454545;
display:block;
}
#commercial_albums a:hover{
color:#fff;	
}
#commercial_albums p:hover{
	background-color:#000;	
}
#religious_album a:hover{
color:#fff;	
}
#religious_album p:hover{
	background-color:#000;	
}
#religious_album a{
text-decoration:none;
color:	#454545;
display:block;
}
#religious_album p{
font-size:18px;
border-bottom:1px solid #9a9a9a;
line-height:30px;
	font-weight:bold;
	
}
#albums{
height:auto;
display:block;
	
	
}
#albums ul{
float:left;
padding:0;	
}
#albums ul li{
float:left;
list-style:none;
display:block;
width:100px;
text-align:center;
margin-right:10px;	
margin-left:10px;
margin-bottom:20px;
border:1px solid #000;
	
}
#albums ul li p{
	display:block;
	width:100px;
	height:20px;
background:#000;
color:#fff;	
}
#albums ul li img{
	
width:100px;
height:100px;	
	
}
#song_list{
margin-top:10px;
height:auto;	
	
	
}
h3{
	
margin-bottom:10px;	
	
}
#song_list li{
	
line-height:40px;	
	
}
.tool {
float: right;
}
.tool a{
	
margin-left:20px;	
}
#edit{
	
	color:#900;
	font-weight:bold;
}
#delete{
	
	color:#900;
		font-weight:bold;
}
table {
  width: 100%;
  border-collapse: collapse;
}
 
tr, th, td {
  padding: 10px;
  margin: 0;
  text-align: left;
}
 
table, th {
  border: 1px solid #00a0b0;
}
 
th {
  border-left: none;
  border-right: none;
  background: #ef7d50;
  color: #fff;
  cursor: default;
}
 
tr:nth-child(odd) {
  background: #fff4cf;
}
 
tr:nth-child(even) {
  background: #fff;
}
 
tr:hover {
  background: #ddd;
  cursor: pointer;
}