/* @override http://test-french.techsmith.com/learn/camtasia/7/assets/css/style.css */



body {
	background: #eee url(/img/bg-grade-gray.gif) repeat-x left -75px;
	color: #333;
	font-size: 12px;
	padding: 0px;
	color: #333;
/*margin:0px;text-

align:center; line-height:1;height: 100%;*/
}

.asterisk {font-size:12px!important;padding-top:0px;margin-top:0px;position:relative;top:-5px;}



/* STYLES FOR HOME PAGE INTRO */
body.learning-center.cs7-home .grid_24.intro a {color:#048AC3;}

body.learning-center.cs7-home .grid_24.intro {background:url(/learn/camtasia/7/assets/img/intro-bg.png) no-repeat top right;}
body.learning-center.cs7-home .grid_24.intro h5 {font-weight: normal; padding-bottom: 15px; padding-top: 15px;}
body.learning-center.cs7-home .grid_24.intro .grid_7.suffix_1 {padding-top: 15px;}

body.learning-center.cs7-home .grid_24.intro ul li {padding-top: .75em;}
body.learning-center.cs7-home .grid_24.intro ul li a {border-bottom: 1px dotted #4ab9e8;  font-weight: bold;}
body.learning-center.cs7-home .grid_24.intro ul li a:hover {border-bottom: 1px solid #FF9000; color:#ef6500;}

body.learning-center.cs7-home #online-help p a {border-bottom: 1px dotted #4ab9e8;}
body.learning-center.cs7-home #online-help p a:hover {border-bottom: 1px solid #FF9000; color:#ef6500;}

body.learning-center.cs7-home .grid_24.intro p.intro-small {font-size: 10px; line-height:1.25em;}

body.learning-center.cs7-home .grid_24.intro h3 {color: #999; font-size: 35px; font-weight: normal; padding-top:0.75em;}
/* END INTRO PAGE */





.container_24 {background: white;}

.header_wrapper {
	background: url(/learn/camtasia/7/assets/img/header.jpg) no-repeat 0 -1px;
	width: 960px !important;
	margin: 0px;
}

.videoend {
	background: url(/learn/camtasia/7/assets/img/video_bottom.jpg) no-repeat 0 0;
	width: 960px !important;
	margin: 0px;
	height: 66px;
	margin-bottom: -40px;
}

.header {
	background: #333;
	color: white;
	position: relative;
	left: -5px;
	width: 960px !important;
}

.header a {color: white;}

.header img {float: left; padding: 10px;}

.header .language {
	float: left;
	padding: 10px;
	position: relative;
	left: 200px;
}

.header .language span {
	margin-left: 10px;
	font-weight: bold;
}

.header .language a {
	margin-right: 6px;
	margin-left: 6px;
	text-decoration: none;
	color: #999;
}

.header .language a:visited, .header .language a:hover {
	color: #999 !important`;
}

.header .search {float: right; padding: 10px;}

.nav {
	width: 960px !important;
	z-index: 100000;
}

ul.nav {
	padding-top: 5px!important;
	background: #444;
	height: 35px !important;
}

/* ul.nav li {width: 100px;} */

ul.nav.main li a:hover {color: #fff;}

.page-heading {
	margin-bottom: 10px;
	height: 60px;
	overflow: hidden;
}

.page-heading h2 {
	position: relative;
	top: 20px;
	left: 20px;
	margin: 0px;
}

.grid_4.training {
	height: 70px;
}

body.cs7-home .video {
	width: 960px !important;
	height: 305px;
	position: relative;
	top: 0px;
}

.video {
	width: 810px !important;
	height: 480px;
	background: url(/learn/camtasia/7/assets/img/video_bkg.jpg) no-repeat -1px -3px;
	margin-right: -20px;
	position: relative;
	top: 10px;
}

.temp_bkg {
	display: block;
	height: 471px;
	width: 960px;
	overflow: hidden;
	position: relative;
	margin: 0px !important;
	padding: 0px !important;
	background: #fff url(/learn/camtasia/7/assets/img/temp.jpg) no-repeat right top;
}

#media {position: relative; left: 4px; top: 2px;}
#media p {margin: 15px;}
/* Link for Flash missing error */
#media a {border-bottom:1px dotted #4AB9E8; color:#048AC3;}
#media a:hover {border-bottom:1px dotted #ff9000;color: #ef6500;}

.video_controls {
	position: relative;
	left: 7px;
	top: 10px;
}

.video_controls p {
	padding:0 5px;
}

a.next {
	padding-left:10px;
	/* height: 40px;*/
	display: block;
	font-size: 11px;
	line-height: 1.2;
}

a:hover.next {color: #0076a3;}

a.prev {
	padding-left:10px;
	/* height: 40px; */
	display: block;
	font-size: 11px;
	line-height: 1.2;
}

a:hover.prev {color: #0076a3;}

a.download {
		margin-top: 60px;
	padding-top: 8px;
	height: 30px;
	display: block;
	font-size: 11px;
	background: url(/learn/camtasia/7/assets/img/buttons.gif) no-repeat -5px -425px;
	text-align: center;
	color: #0076a3;
}
a:hover.download {background: url(/learn/camtasia/7/assets/img/buttons.gif) no-repeat -5px -493px; text-decoration: underline;}


a.feedback {
	margin-top: -20px;
	padding-top: 8px;
	height: 20px;
	display: block;
	font-size: 11px;
	text-align: center;
	color: #0076a3;
}

a:hover.feedback {text-decoration: underline;}

a.online_help {
	color: #0076a3;
	font-size: 11px;
	margin-left: 11px;
	padding-top: 3px;
}

.tags {position: absolute; top: 380px;}

.lists {margin: 0px;}

.tuts {
	overflow: hidden !important;
	background: #fff url(/learn/camtasia/7/assets/img/list_bkg.jpg) no-repeat -4px -25px;
	padding-top: 10px;
	margin-bottom: 10px;
}

.tuts h2 {
	font-size: 14px !important;
	padding: 4px;
	width: 680px;
	color: #777;
	width: 380px !important;
	overflow: hidden;
}

.tuts h2 span {color: #444;}

.tuts .welcome { }

.tuts .welcome h2 {
	width: 220px;
	float: left;
	position: relative;
	top: 5px;
}

.tuts .welcome p {
	width: 170px;
	float: left;
	position: relative;
	top: 22px;
}

.tuts .welcome p span {left: 5px; position: relative;}

.tuts .welcome a {color: #0076a3;font-size: 14px;}

.tuts .welcome li, 
.tuts .welcome li:before {
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}

.tuts .fullscreen, 
.tuts .powerpoint { }

.tuts .fullscreen ol, 
.tuts .powerpoint ol {
	list-style-type: decimal;
	position: relative;
	left: 20px;
	float: left;
	list-style-position: inside;
	
 }

.grid_18.tuts ol {margin-bottom: 5px;}

/*.tuts .fullscreen ol.first, 
.tuts .powerpoint ol.first {
	counter-reset: item;
}*/

.tuts .fullscreen li:before, 
.tuts .powerpoint li:before {
	color: #999;
	/*content: counter(item) ". ";
	counter-increment: item;*/
	display: block;
	font-weight: normal;
	margin-bottom: -18px;
	margin-left: -29px;
	position: relative;
	text-align: right;
	width: 22px;
}

.tuts .fullscreen li, 
.tuts .powerpoint li, 
.tuts .samples li {
	clear: left;
	/* counter-increment: section; */
	/*float: left;*/
	font-weight: bold;
	/* height: 105px; */
	/* list-style-position: outside;*/
	/* margin: 10px 20px  4px 6px; */
	margin:0 20px 6px 6px;
	padding: 0 5px 0 0;
	/* width: 135px; */
}

/* .tuts .samples {margin-bottom: 40px;} */

.tuts .samples li {/* height: 50px; */ list-style: none;}

.tuts .fullscreen li a, 
.tuts .powerpoint a, 
.tuts .samples a {color: #0076a3;}

.tuts .fullscreen li a:hover, 
.tuts .powerpoint a:hover, 
.tuts .samples a:hover {color: #000; text-decoration: underline;}

.tuts .fullscreen li a:visited, 
.tuts .powerpoint a:visited, 
.tuts .samples a:visited {color: #999; text-decoration: underline;}

.tuts .fullscreen li span, 
.tuts .powerpoint li span , 
.tuts .samples li span {
	color: #999;
	font-weight: bold;
	font-style: normal;
	margin-right: 15px;
}
.tuts .fullscreen li span, 
.tuts .powerpoint li span , 
.tuts .samples li span {
	margin-left: 10px;
}


.samples a.sample {
	display: inline-block;
	margin-top: 0px;
	margin-bottom: -10px;
	padding-top: 8px;
	height: 20px;
	padding-left: 37px;
	margin-left: 5px;
	font-size: 11px;
	background: url(/learn/camtasia/7/assets/img/buttons.gif) no-repeat -5px -494px;
	color: #0076a3;
}

.samples a:hover.sample {background-position: -5px -575px;}

.pusher {cursor: pointer;}

.videos {background: #444; color: white;}

.videos h2 {margin: 0; padding: 0;}

.videos a {color: white;}

.videos li {
	list-style: none;
	padding: 0;
	margin: 6px 3px;
}

.videos span {
	float: right;
	margin-right: 15px;
	margin-top: -18px;
}

.help {
	position: relative;
	top: 70px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}

.help p {
	margin: auto 10px;
}

.help h3 {
	margin: auto 10px;
	font-size: 14px !important;
	/* width: 680px; */
	color: #444;
}

.help ul {
	margin-top: 10px;
	margin-left: 5px;
}

.help a {
	color: #0076a3;
}

.help a:visited {
	color: #b3b2b3;
}

.help a:hover {
	color: #222;
	text-decoration: underline;
}

.help a:active {
	color: #f9830d;
	text-decoration: underline;
}

.help a.sample {
	margin-top: 0px;
	padding-top: 8px;
	height: 30px;
	display: block;
	font-size: 11px;
	background: url(/learn/camtasia/7/assets/img/buttons.gif) no-repeat 37px -355px;
	text-align: center;
	color: #0076a3;
}

.help a.sample {
	margin-top: 0px;
	padding-top: 8px;
	height: 30px;
	display: block;
	font-size: 11px;
	background: url(/learn/camtasia/7/assets/img/buttons.gif) no-repeat 37px -355px;
	text-align: center;
	color: #0076a3;
}

.help a:hover.sample {
	background: url(/learn/camtasia/7/assets/img/buttons.gif) no-repeat 37px -435px;
}

a.documentation {
	/* padding: 0 0 0 20px; */
	font-weight: bold;
}


/* FOOTER */
.box.footer {
	height: 30px !important;
	overflow: hidden !important;
	background: #eee !important;
	padding: 15px 0 45px 0;
}

.footer {
	font-size: 11px;
	color: #333;
	border-top: 1px solid #bbb;
	background: #eee;
	margin-bottom: 0;
}

.footer a {color: #333; padding: 4px;}

iframe {display: none;}
