
html { min-width: 779px; } /* fix a bug in Mozilla */
body { 
background: #fff; margin: 0px; padding: 0px; text-align: center; 
}

div { margin: 0px; padding: 0px; }
form { display: inline; margin: 0px; padding: 0px; }
hr   {
    border: 0px dashed #d1d7dc;
    border-top-width: 1px;
    height: 0px;
    margin: 8px 0px 8px 0px;
    padding: 0px;
}
img, a img { color: #fff; vertical-align: middle; } /* trick to hide the border in Netscape 4 */
@media all { /* hide the next rule from Netscape 4 */
    img, a img, a:link img, a:visited img { color: inherit; border: none; }/* undo the color change above */
}
table { border: 0px; }

/**
 * global layout
 */
div#globalWrapper {
	background: #fff;
	width: 950px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	overflow: visible;
}
div#globalContainer {
    background: #fff;
    float: left;
    position: relative;
    left: 4px;
    top: 0px;
}

div#pageBody {
	background: url(/images/bg/body_background2.gif) repeat-y;
	clear: both;
	width: 100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333333;
}
div#pageFooter {
    border-top: 1px solid #999999;
    clear: both;
  
    text-align: center;
	width: 100%;
}
div#globalSiteLogo {
    float: left;
    width: 215px;
    height: 70px;
}
div#globalSiteLogo img {

}
div#top-right{
float: right;

}
div#globalTopNav {
	float: left;
	padding: 0px;
	position: relative;
	bottom: 0px;
	border-top: 0px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	width: 551;
}
div#globalTopNav a,
div#globalTopNav a:link,
div#globalTopNav a:visited {
    color: #000;
    text-decoration: none;
}
div#globalTopNav a:hover,
div#globalTopNav a:active {
    background: 009EFF;
    color: #fff;
    text-decoration: none;
}
div#globalSearchArea {
    float: left;
    height: 36px;
    position: relative;
    left: 0px;
    top: 30px;
    width: 548px;
}
div#bodyLeftWrapper, div#bodyLeftWraper {
    background: url(/images/bg/body_seperator.gif) no-repeat top right transparent;
    float: left;
    position: relative;
    width: 180px;
    word-wrap: break-word;
}
div#bodyLeftWrapper dl,
div#bodyLeftWrapper dt,
div#bodyLeftWrapper dd,
div#bodyLeftWrapper ol,
div#bodyLeftWrapper ul,
div#bodyLeftWrapper li {
    letter-spacing: 1px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
div#bodyLeftContainer {
	background: transparent;
	margin: 0px;
	text-align: center;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 168px;
}
div#bodyMainWrapper, div#bodyMainWraper {
    float: right;
    position: relative;
    top: 3px;
    width: 760px;
    word-wrap: break-word;
}
div#pageFooter {
    margin: 0px;
    padding-top: 10px;
}

/**
 * global style
 */
.hidden { display: none; }
button, .globalButton {
	padding: 2px;
	vertical-align: middle;
}
img.ico { vertical-align: middle; }
input#globalSearchQuery {
    background: transparent;
    border: 1px solid #ccc;
    height: 22px;
    padding: 0px;
    margin: 10px 0px 0px 8px;
    vertical-align: middle;
    width: 285px;
}
@media screen {
    div#globalSearchArea {
        background: url(http://doc.verycd.com/images/search.png) no-repeat left;
    }
    input#globalSearchQuery {
        border: 0px;
    }
}
input#globalSearchSubmitButton {
    background: transparent;
    border: 0px;
    color: #fff;
    cursor: pointer;
    cursor: hand;
    font-weight: bold;
    height: 36px;
    letter-spacing: 6px;
    margin: 0px 0px 0px 5px;
    padding: 1px 0px 0px 24px;
    vertical-align: middle;
    width: 94px;
}
#globalAdvanceSearchButton, #globalPublishResourceButton {
    background: transparent;
    border: 0px;
    color: #fff;
    cursor: pointer;
    cursor: hand;
    height: 36px;
    margin: 0px;
    padding: 1px 0px 0px 2px;
    vertical-align: middle;
    width: 78px;
}

div#bodyLeftContainer dl {
    text-align: left;
}
div#bodyLeftContainer dt {
	background: #FFFFFF url(/images/bg/bg01.gif) no-repeat left;
	color: #fff;
	letter-spacing: 1px;
	margin: 0px 0px 4px 0px;
	padding: 3px 3px 3px 28px;
	text-align: left;
}
div#bodyLeftContainer dt a {
    color: #fff;
}
div#bodyLeftContainer dd {
	line-height: 150%;
	margin: 0px 0px 4px 12px;
	padding-left: 0px;
}
/* root category */
dl#libCatalog dt {
    border: 1px solid #e00000;
    color: #fff;
    letter-spacing: 1px;
    padding: 3px 3px 3px 28px;
}
dl#libCatalog dd {
    background: #f4f4f4;
    border: 1px solid #e7e7e7;
    display: block;
    font-weight: bold;
    letter-spacing: 5px;
    margin: 4px 0px;
    padding: 2px;
}
dl#libCatalog dd a {
    display: block;
    border: 0px;
    text-indent: 18px;
}
dl#libCatalog dd a:hover {
    background: #e7e7e7;
    text-decoration: none;
}
dl#libCatalog dd.rootCurrent a {
    background: #e7e7e7;
    display: block;
    letter-spacing: 5px;
    text-indent: 18px;
    text-decoration: none;
}
dl#libCatalog span.recordCount {
    letter-spacing: 0px;
    font-weight: normal;
    font-style: italic;
    font-size: 11px;
    margin-left: 5px;
}
/* sub categoty */
dl#libCatalog dd.sub {
    background: #f4f4f4;
    border: 1px solid #e7e7e7;
    display: block;
    font-weight: normal;
    letter-spacing: 5px;
    margin: 0px 0px 4px 10px;
}
dl#libCatalog dd.sub a {
    display: block;
    letter-spacing: 1px;
    text-indent: 9px;
}
dl#libCatalog dd.sub a:hover {
    background: #e7e7e7;
    text-decoration: none;
}
dl#libCatalog dd.subCurrent {
    background: #f4f4f4;
    border: 1px solid #e7e7e7;
    display: block;
    font-weight: normal;
    letter-spacing: 5px;
    margin: 0px 0px 4px 10px;
}
dl#libCatalog dd.subCurrent a {
    background: #e7e7e7;
    display: block;
    text-indent: 9px;
    text-decoration: none;
}
dl#eMuleDownloadArea {
    margin-top: 0px;
}
dl#recommendResouces dd {
    border-bottom: 1px dashed #ccc;
    line-height: 100%;
    margin-bottom: 4px;
    margin-left: 0px;
    text-align: center;
}
dl#recommendResouces dd img {
    margin-bottom: 11px;


}
dl#adsNews dd table {
    text-align: left;
    width: 150px;
}

/* others */
img#eMuleBox {
    float: left;
    height: 98px;
    width: 78px;
}
img#eMuleDownload {
    width: 158px;
    margin-bottom: 4px;
}
#bodyLeftContainer p {
    line-height: 150%;
    text-align: left;
}
div#mainCenter img {
	max-width: 596px;
}
div#pageFooter img {
    vertical-align: middle;
}
div#pageFooter img#BaiduCounter {
    height: 0px;
    width: 0px;
}
img.seperator {
    height: 1px;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.min { font-size: 12px; }
.mid { font-size: 14px; }
.max { font-size: 16px; }

/* hack config */
.package:after, div#globalWrapper:after, div#pageBody:after, div#bodyMainWrapper:after {
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 1px;
   font-size: 0.1em;
   line-height: 0px;
}


/**
 * ads config
 */
#GoogleAdsense { text-align: center; }
#globalFooter  { display: none; }

.refererTip {
	border: 1px solid #36c;
	margin: 5px 10px;
	padding: 7px;
}

.hilite , .hilite  a, .hilite  a:link, .hilite  a:visited, .hilite  a:hover { background-color: #ff6; color: #000; font-weight: bold; }
.hilite1, .hilite1 a, .hilite1 a:link, .hilite1 a:visited, .hilite1 a:hover { background-color: #9f9; color: #000; font-weight: bold; }
.hilite2, .hilite2 a, .hilite2 a:link, .hilite2 a:visited, .hilite2 a:hover { background-color: #800; color: #fff; font-weight: bold; }
.hilite3, .hilite3 a, .hilite3 a:link, .hilite3 a:visited, .hilite3 a:hover { background-color: #0a0; color: #fff; font-weight: bold; }
.hilite4, .hilite4 a, .hilite4 a:link, .hilite4 a:visited, .hilite4 a:hover { background-color: #049; color: #fff; font-weight: bold; }
.hilite5, .hilite5 a, .hilite5 a:link, .hilite5 a:visited, .hilite5 a:hover { background-color: #ff6; color: #000; font-weight: bold; }
.hilite6, .hilite6 a, .hilite6 a:link, .hilite6 a:visited, .hilite6 a:hover { background-color: #9f9; color: #000; font-weight: bold; }
.hilite7, .hilite7 a, .hilite7 a:link, .hilite7 a:visited, .hilite7 a:hover { background-color: #800; color: #fff; font-weight: bold; }
.hilite8, .hilite8 a, .hilite8 a:link, .hilite8 a:visited, .hilite8 a:hover { background-color: #0a0; color: #fff; font-weight: bold; }
.hilite9, .hilite9 a, .hilite9 a:link, .hilite9 a:visited, .hilite9 a:hover { background-color: #049; color: #fff; font-weight: bold; }

/* Page */
#page a {
	border:#950000 solid 1px;
	color:#CC0000;
}

#page a:link{
	border:#950000 solid 1px;
	color:#CC0000;
}

#page a:hover {

}
/*loading*/
.loading {
	color      : #FFFFFF;
	background : #CA0000;
	font-size  : 12px;
	width      : 75px;
	z-index    : 1;
	display    : none;
}
.status {
   font-family      : Tahoma;
   font-size        : 12px;
   font-weight      : bold;
   text-align       : center;
   margin           : 2px 6px;
   background-color : #ffd363;
   display          : none;
}

div#pageBody2 {
    clear: both;
	width: 100%;
}
div#pageHeader2 {
    width: 100%;
    height: 85px;
}
#piclist{
	float: left;
	
	width:33%;
	padding: 10px;
	height: auto;
}

#divpiclist,#piclistpic{width: 100%;}
#divplist{
	
	width: 100%;
	background-color: #f4f4f4;
}
/**
 * Local Variables:
 * mode: css
 * tab-width: 4
 * c-basic-offset: 4
 * End:
 */
#friend{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#indexletterlist ul
{
	width: 100%;
}
#indexletterlist LI
{
	FLOAT: left;
	MARGIN: 0px;
	HEIGHT: 10px;
	width: 23%;
	padding: 0px;
}
#114ad{text-align: center;}


/* 2

div#mainCenter {
    float: left;
    width: 468px;
}
div#mainRight {
    float: left;
    position: relative;
    top: 0px;
    left: 4px;
    width: 120px;
}

/**
 * homepage style
 */

div#archive {
    background: #f4f4f4;
    border: 1px solid #999;
    display: block;
    float: right;
    margin-bottom: 4px;
    position: relative;
    text-align: center;
    top: 0px;
    width: 260px;
}
div#archive a {
    display: block;
    border: 0px;
    margin: 2px;
    height: 16px;
}
div#archive a:hover {
    text-decoration: none;
}
dl#mainList {
    
    border-top: 0px;
    clear: both;
    margin: 4px 0px 4px 0px;
    width: 99%;
}

dl#mainList dd {
    clear: both;
    color: #555;
    margin: 0px 0px 4px 0px;
    line-height: 150%;
    padding: 4px;
	    width: 100%;
}
dl#mainList dd.row1 {
    background-color: #f4f4f4;
    border-width: 1px 0px 1px 0px;
    border-style: dashed;
    border-color: #666;
}
dl#mainList dd.row2 {
    background-color: #fff;
}
dl#mainList dd#centerBannerW468No1 {
    background-color: #fff;
    text-align: center;
}

dl#mainList dd img {
    float: left;
    margin: 0px 10px 10px 0px;
    vertical-align: top;
   
}
dl#mainList dd img.seperator {
    clear: both;
    float: none;
    margin: 0px;
    padding: 0px;
    width: 566px;
}
dl#mainList dd h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

div#listFooter {
    background: #f4f4f4;
    border: 1px solid #999;
    margin-top: 4px;
    padding: 4px;
    text-align: center;
}

div#smallbanner {
    background: #ffffff;
    border: 1px solid #999;
    margin-top: 4px;
    padding: 1px;
    text-align: center;
}
div#xgmovie {
	background: #ffffff;
	padding: 0px;
	text-align: left;
	width:100%;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	color: #0000FF;
	margin: 0px;
	height: auto;
	clear: both;
	float: none;
	font-weight: bold;
}

/* hack config */
dl#mainList dd:after {
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}

div#index_wenzi_top{
	float: right;
}
div#menulogo{
	float: right;
}
div#sitelogo{
	width: 215px;
	float: left;
}
div#vodone{
	width: 510px;
	height: 235px;
	position: absolute;
	left:50%;
	top: 233px;	
	z-index: 999;
}
div#vodone2{
	width: 255px;
	height: 235px;
	position: relative;
	left: 100px;	
}
div#position{

margin-top: 5px;
vertical-align: middle;
}

