/*
Theme Name: Arcsoft LiveMixing
Date: 2009-12-16
Author: Ray
Author mail: leishimin@gmail.com
*/
@import url("button.css");

body{ }
.top{ margin-bottom:30px; height:41px; background:url(../images/logo_liveMixing.gif) left no-repeat; background-color:#325694;}
	.topLeft{ float:left; padding:0 0 0 0px;}
	.topLogo{float:left; display: block; cursor:pointer; width:170px; height:41px;}
	/* top menu */
	ul.topMenu{ list-style:none; float:left;}
	ul.topMenu li{ float:left; text-align:center;}
	ul.topMenu li a{ width:100px; height:30px; padding-top:12px; font-weight:bold; display:block; color:#FFF; text-decoration:none;}
	ul.topMenu li.menuOn{ background:url(../images/menuTop_on.gif) top center no-repeat;}
	
	.user{ float:right; height:42px; padding:10px 10px 0 0; color:#FFF; }
	.user a{ color:#FFF;}

/* left menu */
#menu ul{ margin:0; padding:0; list-style-type:none;}
#menu ul li{ background:url(../images/menuLeft.gif) left no-repeat; height:30px; line-height:30px;}
#menu ul li a{ display:block; margin-top:2px; padding-left:10px; color:#000;}
#menu ul li a:hover{ text-decoration:none;}

#menu ul li.menuOn { background:url(../images/menuLeft_on.gif) left no-repeat;}
#menu ul li.menuOn a{ color:#fff;}

img.menuBtn { margin:0 0 0 10px;vertical-align:middle;}

/* download click */
.ad{ margin-top:30px; text-align:left;}
.ad a{ text-decoration:underline;}

#footer{ border-top:1px solid #ccc; padding:5px 0 0 10px;}
#wrap1{ width:160px; overflow:hidden; word-wrap:break-word;word-break:normal;}
#wrap2{ width:350px; overflow:hidden; word-wrap:break-word;word-break:normal;}
/* page layout */
.title{ border-bottom:1px solid #c9c598;}
	.num{ font-size:14px; font-weight:normal; color:#666;}
img.thumbnail{ border:1px solid #b6b6b8;padding:2px; max-width: 112px; max-height: 68px;}

.td-thumbnail{width:112px; height:68px; border:1px #CCCCCC solid; padding:2px; text-align:center; vertical-align:middle;}

.bg_blue{ background-color:#e6e9f2; padding:20px;}
.rectangle{ margin:0 10px; padding:10px; background-color:#e8eefa; border:2px solid #fff;}
	
/* index page */
.indexBox{ background-color:#e6e9f2; text-align:center; height:511px; position:relative;}
.indexLogin{ text-align:left; padding-left:20px;}
.indexSideBottom{ position:absolute; left:4px; bottom:5px;}

/* Progress  */
.Progress{ text-align:center;}
.ProgressBar {
    position: relative;	
	background:url(../images/progressColor.gif) repeat-x;
    border: 1px solid #afb0b2;
    padding: 1px;
	text-align:left;
}
.ProgressBar div {
    display: block;
    position: relative;
	background: #a0a0a0;
    height: 10px; /* 高度 */
}
.ProgressBar div span { 
    position: absolute;
    text-align: center;
    font-weight: bold;
}

/* Box style */
.boxPop{ position:relative; width:250px; background:#FFFFFF; border:1px solid #91abc2}
.boxHeader{ background-color:#f1f1f1; height:30px; line-height:30px; padding-left:10px; font-weight:bold;}
.boxBody{ padding:10px; clear:both;}
.boxFooter{padding-left:20px; bottom:5px;}

.page{MARGIN-TOP: 5px; padding-bottom:10px;}
.page span, .page a{height:15px;margin-left:10px; padding:3px 8px; float:left;display:block;}
.page span{font-weight:bold; border:1px #CCCCCC solid; background-color:#EEEEEE}
.page a{color: #0066CC;  border:1px #CCCCCC solid; }
.page a:hover{display:block; color: #FF0000; background-color:#EEEEEE; }

.empty_list_height{height:100px; clear:both; margin:0px auto;}

.h2_title{padding:0px;margin:0px;};