/*********  DocStyle  *********/
.DocFrame
{
	width:570px;
	overflow:hidden;
	border:solid 1px #ccc; 
	text-align:center;
	float:left; margin:5px 7px;
}
.DocTitle
{
	font-size:22px;
	font-weight:bold;
	margin:8px;
}
.DocTitleInfo
{
	color:#888;
	border-bottom:solid 1px #ccc; width: 90%;
	overflow:hidden; height:22px;
}
.DocTitleAddInfo
{
    color:#f00 !important;
}

.DocSummary
{
	border:dotted 1px #ccc;
	background-color:#fefdf6;
	width:85%;
	text-align:left;
	padding:10px;
	font-size:14px; line-height:26px;
	color:#666;
	text-indent:30px;
	margin:10px auto;
}
.VideoBlock,.VideoBlock2
{
	width:500px; height:400px; background-position:center top; background-repeat:no-repeat; position:relative;
	border:solid 3px #0af; overflow:hidden; background-color:#000; overflow:hidden; margin:5px auto;
}
.VideoBlock
{
    display:none;
}

.DocContent
{
	line-height:22px;
	font-size:14px; line-height:26px;
	width:540px;
	text-align:justify;
	table-layout: fixed;
	overflow:hidden;
}

.DocTitlePhoto
{
	text-align:center;
	width:90%;
	overflow:hidden;
	margin:8px;
}

.DocTitlePhoto img
{
	max-width:500px;
}

.docnavigate
{
    border-bottom:solid 1px #ccc; color:#06a; text-align:left; text-indent:15px;
}

.docnavigate a:link{color:#06a;}
.docnavigate a:visited{color:#06a;}
.docnavigate a:hover{color:Red;}
.docnavigate a:active{color:Red;}

.VideoPayInfo
{
    position:absolute; 
    bottom:45px; color:#ff0; 
    font-weight:bold; font-size:15px;
    left:23px; height:100px;filter: Alpha(Opacity=80);opacity:0.8; 
    background-color:Gray; border:solid 1px #eee; width:90%; text-align:center;
}

.DocEditor
{
    color:#888; font-weight:bold;
}

.TopDocList ul, .TopDocList li
{
    text-align:left;
    margin:0 0 0 5px;
    padding:0;
    list-style-type:none;
}
.TopDocList li
{
    clear:both;
}
.TopDocList span
{
    font-weight:bold; font-size:11px; padding:0 6px; color:White;
}
.TopDocList div
{
    overflow:hidden;height:22px;
}

.DocRightFrame
{
    float:left; width:355px; border:solid 1px #ccc; margin:5px 0;
}