﻿.qq-upload-list li{
display:inline;
}

body {
background-color:#f0f0f0;
font-family:"Trebuchet MS", Helvetica, sans-serif;
margin: 0px;
}

img {
border: none;
}

.linemenu{
display:inline;
}

em{
color:red;
}

table.main{
margin-right:auto;
margin-left:auto;
width:1000px;
max-width:1000px;
border: 0px;
}

table.list{
margin-right:auto;
margin-left:auto;
border: 0px;

}

#title{
text-align:center;

}

#search{

}

label em {
  position: absolute;
  left: 35em;
  color:red;
}
td.list{

border-style:solid;

border-top-width:0px;

border-right-width:0px;

border-left-width:0px;

border-bottom-width:1px;

border-color:black;

}



a:link {color:#000000;}

a:visited {color:#000000;}
a:hover {color:#a0a0a0;}
a:active {color:#FF0000;}

a.grid:link {color:#007700;}
a.grid:visited {color:#007700;}
a.grid:hover {color:#00FF00;}
a.grid:active {color:#0000FF;}

a.gray:link {font-weight: bold; text-decoration: none; color: #808080}
a.gray:visited {font-weight: bold; text-decoration: none; color: #808080}
a.gray:hover {font-weight: bold; text-decoration: none; color: #cc0000}
a.gray:active {font-weight: bold; text-decoration: none; color: #cc0000}

/* simple css-based tooltip */
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

/* the overlayed element */
.overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#ffffff;
	
	width:800px;	
	min-height:300px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}





.clear {clear:both} 
/* remove the list style */
#nav {
    margin:0; 
    padding:0; 
    list-style:none;
}   
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:left; 
        display:block; 
        width:150px; 
        background:rgb(0,152,50); 
        position:relative;
        z-index:500; 
        margin:0px;
		border-right:2px solid #000;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block; 
        padding:0 5px 0 5px; 
        font-weight:700;  
        height:23px; 
        text-decoration:none; 
        color:white; 
        text-align:center; 
    }
 
    #nav li a:hover {
        color:#FFF;
    }
     
    /* you can make a different style for first value */
    #nav li.first {
        border-left:2px solid #000;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute; 
            left:0; 
            display:none; 
            margin:0 0 0 -2px; 
            padding:0; 
            list-style:none;
			background:white;
        }
         
        #nav ul li {
            width:150px; 
            float:left; 
			background:white; 
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block;  
            height:15px;
            padding: 8px 5px; 
            color:green;
        }
         
        #nav ul a:hover {
            text-decoration:underline;
			color:rgb(0,152,50);
        }
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;

	border-top: 5px solid white;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.arrow-down-black {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;

	border-top: 5px solid black;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}


.top-div{
background: rgb(231,231,231);
background: -moz-linear-gradient(top,  rgba(231,231,231,1) 1%, rgba(255,255,255,1) 16%, rgba(231,231,231,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(231,231,231,1)), color-stop(16%,rgba(255,255,255,1)), color-stop(100%,rgba(231,231,231,1)));
background: -webkit-linear-gradient(top,  rgba(231,231,231,1) 1%,rgba(255,255,255,1) 16%,rgba(231,231,231,1) 100%);
background: -o-linear-gradient(top,  rgba(231,231,231,1) 1%,rgba(255,255,255,1) 16%,rgba(231,231,231,1) 100%);
background: -ms-linear-gradient(top,  rgba(231,231,231,1) 1%,rgba(255,255,255,1) 16%,rgba(231,231,231,1) 100%);
background: linear-gradient(top,  rgba(231,231,231,1) 1%,rgba(255,255,255,1) 16%,rgba(231,231,231,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 );
}

.mid-div{
background: rgb(231,231,231);
background: -moz-linear-gradient(top,  rgba(231,231,231,1) 1%, rgba(255,255,255,1) 16%, rgba(231,231,231,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(231,231,231,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(231,231,231,1) 1%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(231,231,231,1) 1%,rgba(255,255,255,1) 16%,rgba(231,231,231,1) 100%);
background: -ms-linear-gradient(top,  rgba(231,231,231,1) 1%,rgba(255,255,255,1) 16%,rgba(231,231,231,1) 100%);
background: linear-gradient(top,  rgba(231,231,231,1) 1%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 );
}


.search_button {
	display: inline-block;
	float:right;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	color: #FFFFFF;
	border: solid 1px #020001;
	background: #51ca0c;
	background: -webkit-gradient(linear, left top, left bottom, from(#51ca0c), to(#020001));
	background: -moz-linear-gradient(top,  #51ca0c,  #020001);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#51ca0c', endColorstr='#020001');
}
.search_button:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#299800), to(#000000));
	background: -moz-linear-gradient(top,  #299800,  #000000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#299800', endColorstr='#000000');
}
.search_button:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#020001), to(#299800));
	background: -moz-linear-gradient(top,  #020001,  #299800);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#020001', endColorstr='#299800');
	position: relative;
	top: 1px;
}

.search_form select{
	width:220px;
	border-color:green;
	border-radius:3px;
	padding: 0px 0px;	
}

.search_form input{
	width:219px;
	border-color:green;
	border-radius:5px;
	padding: 10px 0px;	
}