/*
author      : comfill@gmail.com
last modify : 13:37 2009-6-19
*/


/*----------------- base -----------------*/
#main {width:750px;margin: 0 auto;text-align:left;}
* { margin: 0; padding: 0; }
body{
	font:0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	background:#fff url(i/header.png) no-repeat center 0;
	text-align:center;
}
a { text-decoration:none; }
a:hover{ text-decoration:underline }
a img { border:0; }

h2 {font: 1.5em "微软雅黑", "Trebuchet MS"; }
h3 {font: bold 1.2em "Trebuchet MS"; }
h4 {font: bold 1.1em "Trebuchet MS", serif; }

ul{list-style: none;}
blockquote, pre {padding: 0.25em 40px;}
blockquote {font: italic 1.05em Georgia, Times, serif; background: url(/pix/quote_wh.gif) 10px 0.75em no-repeat; margin: 0.25em 0;}
pre, code {font: 1.05em Courier, monospace;}
pre {line-height: 150%;}
pre strong {font-size: 1em; font-weight: bold;}
pre code {font-size: 1em; line-height: 150%;} /* handle legacy articles until markup gets a scrubbing */

input, select, textarea{ font:12px tahoma; }
input, textarea{ padding:2px; }


#wrapper{ width:980px; margin:0 auto; text-align:left; }

/*----------------- header -----------------*/
#header{
	position:relative;
	width:800px;
	height:200px;
	margin:0 auto;
}
#header h1{
	width:350px;
	text-indent:-999em;
	overflow:hidden;
}
#top_nav{
	position:absolute;
	right:10px;
	top:10px;
	width:2400px;
}

/*----------------- tpMnu1 -----------------*/
#tpMnu1, #tpMnu2, #tpMnu3, #tpMnu4, #tpMnu5, #tpMnu6 {position:absolute;display:none;width:180px;border-bottom:1px solid #292929;border-left:1px solid #292929;border-right:1px solid #292929;background-color:#cfd0d2;z-index:4;}
div.mDD a {padding:6px 1px 10px 20px;background-color:#444;display:block;width:159px;color:#fff;text-decoration:none;}
div.mDD a:hover {background-color:#333;display:block;width:159px;color:#fff;}

/*----------------- Nav Menu -----------------*/
#nav{ position:absolute; left:252px; top:135px; width:600px; }
#nav li{ width:70px; display:inline; position:absolute; text-align:center; }
	#home{ left:0; }
	#download{ left:80px; }
	#faq{ left:160px; }
	#contact{ left:230px; }
	#forums{ left:310px; }
	#help{ left:380px; }
	#nav li#purchase{ width:110px; left:460px; }
	#nav li#purchase a:hover{ background:none; } 

#nav li a{ display:block; width:100%; font:18px/50px "Trebuchet MS"; color:#fff; }
#nav li a:hover{ text-decoration:none; background:url(i/nav_hover.png) no-repeat center 0; }

#container{
}
.content{
	min-height:500px;
	_height:2000px;
	padding:2em 4em 4em 4em;
	background:url(i/content_bt.png) no-repeat center bottom;
}
.content h1{ margin-bottom:1em; text-align:left; }
.content h2{ margin:1em 0; color:#099; }
.content h3{ margin:1em 0 0.5em 1em; color:#995c3d; }
.content p{ margin:0.5em 0; color:#333; text-indent:2em; }
.content ol{ margin:0.5em 0 0.5em 4em; color:#3d9999; list-style:decimal; }
.content ol li{ line-height: 150%; }
.content a{ text-decoration:underline; color:#0080ff; }
.content strong{ color:#e6735c; line-height: 150%; }
h1.tsc{ margin-bottom:1em; text-align:center; color:red}
.free{ font:1.3em tahoma; color:#d00; }

/*----------------- download -----------------*/
.down_tb{ width:100%; font:0.8em "Trebuchet MS"; border-collapse:collapse; }
.down_tb th{ padding:5px; border:1px solid #b6e6f4; background:#def5fc; color:#3d9999; text-align:center; }
.down_tb th img{ vertical-align:middle; }
.down_tb td{ padding:5px; border:1px solid #b6e6f4; text-align:center; color:#f60; }
.down_tb td.text{ text-align:left; color:#598080; text-indent:-1em; padding-left:1.5em; }

.down_tb td.purchase{ width:82%; text-align:left; color:#598080; vertical-align:top; }
.down_tb td p{ margin:0.5em; color:#598080; font-size:1.2em; line-height: 150%; }


/*----------------- contact -----------------*/
.contact{ margin:0 2em; }
.contact li{ font:1.2em/32px "Trebuchet MS"; text-indent:2.5em; }
	#skype{ background:url(i/im.gif) no-repeat 0 0px; }
	#yahoo{ background:url(i/im.gif) no-repeat 0 -32px; }
	#aim{ background:url(i/im.gif) no-repeat 0 -64px; }
	#msn{ background:url(i/im.gif) no-repeat 0 -96px; }
	#email{ background:url(i/im.gif) no-repeat 0 -128px; }

/*----------------- help -----------------*/
/* ACTIVE IMAGES (yellow borders for images with an <a> tag) */
a.linked {float:left;display: block;padding:1px !important;margin: 0 !important;}
a.linked img {float:left;margin:1px !important;}
a.linked:link, a.linked:visited {border: 1px solid #c0c0c0;}
a.linked:hover {border: 1px solid #ffeaae;}
/* Yellow hover class for div blocks */
div.yellowhover {float:left;display: block;border: 1px solid #c0c0c0;padding:10px !important;margin: 0 !important;}
div.yellowhover img {float:left;margin:0 !important;}
div.yellowhover p {float:left;margin:0 !important;}
div.yellowhover:hover {border: 1px solid #ffeaae;}

/*Default styles for standard tags*/
/* GRAY EDIT */

body {margin:0px;text-align:center;color:#333; line-height:1;height: 100%;
 }
p, #mnCnt.td {margin-top:0px;margin-bottom:10px;line-height:150%;letter-spacing:0em;}
td#mnCnt p#brdPg {font-size:10px!important;}
form {display:inline;margin:0px}
h1 {color:#000;margin-top:0px;}
h2 {margin-top:0px;color:#000;margin-bottom:.5em;}
h2.line {margin-top:0px;color:#46a;margin-bottom:10px;padding-bottom:5px;border-bottom: 1px solid #ccc;}
h2.midpage {font-weight:normal;}
h3 {color:#000;margin-top:0px;margin-bottom:10px;}
h3.line {color:#248;margin-top:0px;margin-bottom:5px;padding-bottom:5px;margin-top:5px;border-bottom: 1px solid #ccc;}
h4 {color:#333;font-weight:bold;margin:0px 0px 5px 0px;}
h5 {color:#000;font-weight:bold;margin:0px 0px 5px 0px;}
h5.snagit {color:#0099cc;text-transform:uppercase;}
h5.morae {color:#c60;text-transform:uppercase;}
h5.camtasia {color:#693;text-transform:uppercase;}
td {vertical-align:top;padding:0px;}
table {border-collapse:collapse;}
hr {color:#ccc;background-color:#ccc;border:0px;height:1px;clear:both}
/* GRAY EDIT */
ul {margin-top:0em;list-style-image:url(/style/i/ul-gray.gif);margin-left:0px;padding-left:0px;list-style-position:outside;line-height:150%;}
ol {margin-top:.5em;margin-left:20px;padding-left:20px;list-style-position:outside;line-height:150%;}
ol.one {margin-top:.5em;margin-left:20px;padding-left:20px;list-style-position:outside;line-height:150%;list-style-type:lower-alpha;}
ol.two {margin-top:.5em;margin-left:20px;padding-left:20px;list-style-position:outside;line-height:150%;list-style-type:lower-roman;}
ol.faq {margin-left:11px;padding-left:11px;}
li {margin-bottom:4px;}
br {clear:both}
dt {float: left;width: 15%;font-weight: bold;}
dd {margin-left: 20%;}
/*Breadcrumbs */
#brdPg {color:#333;}
#brdPg a {text-decoration:none;color:#048ac3;}
#brdPg a:hover {color:#248;}

/*Main content*/
#mnCnt {width:520px;padding:15px 20px 20px;background-repeat: repeat-x;background-position: top;border-top: 1px solid #ccc; } 
#mnCnt_snagit {width:520px;padding:15px 20px 20px;background-repeat: repeat-x;background-position: top;}
#mnCnt .cs#lc_tut table.cs-chart {
 margin-left:20px!important;margin-right:20px!important;

}

#lc_tut table.cs-chart tr.header {
background-color:#999999; 

}

#mnCnt #lc_tut table.cs-chart tr.header h4{ 
color:#fff!important; padding-left:10px; font-size:14px!important;}

#lc_tut table.cs-chart td {
padding-top:5px; border:1px solid #999 !important; 
}

#lc_tut table.cs-chart p {padding-left:10px; 
}
#spcr {width:520px;font-size:1px;}
/*Right side content*/
/* GRAY EDIT */
#rtCnt {width:190px;font-weight:bold;background-repeat: no-repeat;background-position: left top;border-top: 1px solid #ccc;}
/* GRAY EDIT */
#rtCnt a {color:#444;text-decoration:none;display:block;padding: 6px 2px 6px 30px;background:url(i/toparw-gray.gif) no-repeat;}
#rtCnt h3 {margin: 10px 2px 10px 10px;}
#rtCnt h4 {margin: 10px 2px 0px 10px;}
#rtCnt p {font-weight:normal;margin:0px 2px 5px 10px;}
/* GRAY EDIT */
#rtCnt a.open {background: url(i/toparw-ccc.gif) no-repeat !important;}
/* GRAY EDIT */
#rtCnt a.lvl2 {background: url(i/lvl2arw-gray.gif) no-repeat;padding-left:40px;}
/* GRAY EDIT */
#rtCnt a.lvl3 {padding-left:40px;background-image: url(i/lvl2arw-gray.gif);background-repeat: no-repeat;}
#rtCnt a:hover {background-color:#f8f8f8;color:#444}
#rtCnt a.slctd, #rtCnt a.slctd:hover {color:#555;border-bottom: 1px solid #9fa1a3;border-top: 1px solid #d0d0d0;}
/* GRAY EDIT */
#rtCnt a.slctd2, #rtCnt a.slctd2:hover {background: url(i/lvl2arw-gray.gif) no-repeat;color:#444;padding-left:40px;border-bottom: 1px solid #9fa1a3;border-top: 1px solid #d0d0d0;}
#rtSpcr {width:180px;font-size:1px;}

/*Resets the padding for the main content area/table cell so that the video area wrapper can fill the entire column width*/
#mnCnt {background: repeat-x top; padding:15px 0px 20px 0px; width:560px;}

#mnCnt #lc_lead_content p {line-height: 150%; font-size:12px !important;}
#lc_lead_content_snagit { /*width:314px;*/}
.linepullgrey {margin-left:20px;}


.TabbedPanelsContentGroup {
	clear: both;
	border-top: solid 1px #84898e;
	overflow:visible;
}

/* -----Documentation pages ----------------*/ 

.TabbedPanelsContentDocs {
margin-left:10px; padding-top:10px; margin-right:10px;}

.lc_doc_list table {
margin-left:45px; font-size:10px !important; line-height:17px; margin-bottom:0px;}

.lc_doc_list hr {margin-top:10px;}

.lc_doc_list table tr td {font-size:10px;}

/*.TabbedPanelsContentDocs .lc_doc_list h3 {display:block;
margin-top:10px !important; font-size:.7em !important; padding-top:10px;}*/

.lc_doc_list {font-size:12px !important  
}

.lc_doc_list h3 {
margin-left:25px; font-size:11px !important;margin-bottom:0px;font-weight:bold;}

.lc_doc_list h3 {margin-top:10px; font-size:14px !important; color:#46a;margin-left:0px;padding-bottom:8px;}
.looks-good-table { margin:20px; }
.looks-good-table td{ border:1px solid #aaa; padding:4px }

/*------------styling for lists under tabs-------------*/
.lc_tut_list {font-size:12px !important; 
}


.lc_tut_list h4.head_break { font-size:13px !important; font-weight:bold; 
	background:#efefef; line-height: 150%;padding:0px;margin:10px 0px 0px 20px !important;
}



.lc_tut_list#notab h4.head_break { font-size:13px !important; font-weight:bold; 
	background:#efefef; line-height: 150%;padding:0px;margin:10px 0px 0px 20px !important;
}
.lc_tut_list .pusher h3,.lc_tut_list .pusher2 h3,.lc_tut_list .pusher3 h3 {font-size:14px!important;font-weight:bold;text-decoration:underline;color: #048ac3; cursor:pointer;}


.lc_tut_list h2 { display:block;
margin-top:10px !important;}

.lc_tut_list dl {padding:0px; margin:0px; width:460px; margin-left:-20px; padding-left:15px;}



.lc_tut_list#notab dl {padding:0px; margin:0px; width:440px; margin-left:0px; padding-left:15px;margin-bottom:30px !important;}

.lc_tut_list dl#getstarted {padding:0px; margin:0px; width:460px; margin-left:-20px; padding-left:15px;}

.lc_tut_list dt { width:418px;
	list-style:none !important; margin-left:0px;
	padding:0px 0px 0px 60px;
	list-style-image:none;
	text-indent: -25px;
	display:inline;
	}

#fixed-width{width:540px!important;}
	
	.lc_tut_list#notab dt { width:490px;
	list-style:none !important; margin-left:0px;
	padding:0px 0px 0px 50px;
	list-style-image:none;
	text-indent: -25px;
	display:inline;
	}
												

.lc_tut_list dt a {
	background-image:url(/images/toparw.gif); padding-left:25px;
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	background-position: left -5px;color: #048ac3; 
	}
	

	
	
.lc_tut_list dt a:visited { color:#248!important;
	text-decoration:underline;}
.lc_tut_list dt a:hover,  .lc_tut_list dd a:hover { color:#333;
}

.lc_tut_list dd {
	list-style:none !important;
	padding-bottom:0px;
	margin:10px 0px 10px 85px;
	list-style-image:none;
	line-height: 150% !important;
	clear:left;
	}


.lc_tut_list  dd a {
	color:#333; font-size:11px !important;}	


.lc_tut_list dl dt a {font-size:12px !important;
	color: #048ac3; 
}

.lc_tut_list dt h4 {
	padding:10px 0px 10px 0px;
	margin:3px 0px 0px 10px;
}
.itemTable{font-size:0.75em}
.itemTable tr{vertical-align:top;vertical-align:middle}
.itemTable h2{font-size:1.3em; font-weight:bolder;background:url(/videos/notice/icon.gif) top left no-repeat;height:2.2em;padding-top:6px;margin:0;}
.itemTable h3{font-size:1em;font-weight:normal;margin:0;}
.itemTable .title{margin-left:0px}
.itemTable .img{padding-right:5px;width:126px}
.alter{background-color:#efefef}
.itemTable div{margin:5px 0 5px 0;}
.hr{border-bottom: #88b6e3 1px solid;font-size:0;margin:3px}
.price{font: bold 125% arial;color:Green;cursor:default}
.download{background:url(/videos/notice/download.gif) top left no-repeat;padding:4px 0 0 30px;height:20px;}
.cart{background:url(/videos/notice/buy.gif) top left no-repeat;padding:4px 0 0 56px;height:25px;}
/*----------------- note ------------------*/
p.note { background-image:url(/style/i/note.gif); background-repeat:no-repeat; background-position: 10px 10px;
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
	color:#3d547d;
	margin:10px;
	margin-right:30px;
	padding:10px 10px 10px 45px;}

p.note_short { background-image:url(/style/i/note.gif); background-repeat:no-repeat; background-position: 10px 10px;
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
	color:#3d547d;
	margin:10px;
	margin-right:30px;
	padding:10px 10px 10px 45px; width:250px !important;}
/*----------------- footer -----------------*/
#footer{ height:310px; background:#fff url(i/footer.png) no-repeat center bottom; }
#footer p{ font:1em/3em "Trebuchet MS"; }