@import             url("../../../extend/skin/web.css");

/******* Local *******/

#viewheader                  { width:920px; height:25px; color:#FFF; background:#20418b; }

#viewheader  h2		{ float:left; display:inline; font-size:12px; line-height:24px; padding-left:10px; }

#viewheader p.pkid	{ float:right; display:inline; padding-right:10px; line-height:24px; }

#viewheader  em		{ color:#FF8800; font-style:normal; }

#viewimage			{ float:left; display:inline; width:580px; }

#viewimage img		{ border:1px solid #888; margin:10px 10px 0 0; width:580px; height:435px; }

#viewtext			{ float:right; display:inline; width:322px; }

#viewtext .youtube	{ width:320px; height:265px; border:1px solid #888; margin:10px 0 20px 0; }

#viewtext p			{ width:322px; line-height:28px; border-bottom:1px solid #CCC; font-weight:bold; }

#viewtext a			{ width:282px; height:26px; color:#000; text-decoration:none; 

					  border-bottom:1px solid #AAA; padding-bottom:1px; }

#viewtext a:hover	{ color:#3b76c5; border-bottom:1px solid #222; }

#viewtext p.top		{ margin-top:10px; }

#viewtext p.lower	{ font-weight:normal; line-height:22px; padding:10px 0; }

#viewtext p.pdf, p.print, p.enlarge	{ padding-left:40px; margin-top:10px; } 

#viewtext p.pdf		{ width:282px; background:url('pdf.jpg') no-repeat; font-weight:normal; } 

#viewtext p.print	{ width:282px; background:url('print.jpg') no-repeat;  font-weight:normal; } 

#viewtext p.enlarge	{ width:282px; background:url('enlarge.jpg') no-repeat;  font-weight:normal; }

#viewtext span		{ float:left; display:inline; width:100px; line-height:28px; font-weight:normal; }