/*
Name: Gladstone Education Screencasts
URI: http://gladstoneeducation.com
Version: 1.0.1
Revision date: 8 August 2008
Author: Studio Lift
Author URI: http://studiolift.com/
*/

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		body {
			line-height: 1;
			color: black;
			background: white
		}
		
	/*	ol, ul {list-style: none} */
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
body{
	background:rgb(179,179,179);
	font-size:75%;
	font-family:Trebuchet MS,sans-serif;
}

/* Headings */
h1{
	display:block;
	height:133px;
	background:transparent url('../images/header.png') no-repeat 0 0;
	text-indent:-9999px
}
h2{
	padding:8px 0 0 20px;
	background:rgb(189,46,46);
	color:#fff;
	font-size:31px;
	font-family:Trebuchet MS,sans-serif;
	height:40px;
	margin:0 0 20px
}
h3{
	padding:0 0 0 20px;
	margin:0 0 10px;
	font-size:23px;
	font-weight:bold;
}
h3 a{color:rgb(189,46,46);text-decoration:none}
h4{
	background:rgb(179,179,179);
	color:#fff;
	font-size:14px;
	padding:5px;
	margin:0 0 10px
}

/* Clear */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}

/* Text */
p{margin:0 0 10px}
p.notice{
	margin:0 10px 10px 10px;
	font-style:italic;
	color:rgb(77,77,77)
}
abbr,acroynm{border-bottom:dashed 1px #000}
strong,b{font-weight:bold}
em,i{font-style:italic}

#text ul
{
list-style: disc;
margin-bottom: 8px;
}

#text li
{
list-style:disc;
margin-left: 20px;
}

/* Links */
a,a:visited{color:#000}
a:hover,a:active{}

/* Lists */
	/* Ordered Lists */
		ol{}
			ol li{}
	/* Unordered Lists */
		ul{}
			ul li{}

/* Sections */
#wrapper{
	width:960px;
	position:absolute;
	left:50%;
	top:15px;
	margin-left:-480px;
	margin-bottom:20px;
	background:#fff
}
	#header{}
		#gladstoneplc{
			display:block;
			height:16px;
			background:transparent url('../images/gladstoneplc.png') no-repeat 0 0;
			text-indent:-9999px
		}
		ul#nav{
			height:24px;
			background-image: url(../images/nav_back.jpg);
		}
			ul#nav li{
				float:left;
				border-right:solid 1px #696969;
				margin:6px 0;
				padding:0 7px;
				list-style: none;
			}
			ul#nav li.last{border:0}
			ul#nav li a{
				font-size:12px;
				text-decoration:none;
				color:#696969;
				font-weight:bold
			}
			ul#nav li a:hover{text-decoration:underline}
	#content{
		margin:0 0 20px
	}
		p#module-category{
			display:block;
			padding:0 0 0 20px;
			margin:0 0 10px
		}
		p#module-category a{text-decoration:none}
		p#module-category a:hover{color:rgb(189,46,46);}
		ol#module-nav{
			height:26px;
			border-top:solid 1px rgb(77,77,77);
			margin:0 20px 20px;
			padding:0 10px
		}
			ol#module-nav li{
				float:left;
				height:26px;
				display:block;
				line-height: 15px;
			}
				ol#module-nav li a{
					display:block;
					float:left;
					text-decoration:none;
					color:rgb(77,77,77);
					text-align:center;
					padding:5px 10px 0;
					vertical-align:middle;
					height:21px;
				}
				ol#module-nav li.active a{
					background:rgb(189,46,46);
										font-weight: bold;
color: #fff;
				}
				ol#module-nav li a:hover{
					background:rgb(242,242,242);
				}
				
		#description{
			font-family:Trebuchet MS,sans-serif;
			font-size:12px;
			line-height:16px;
			width:335px;
			background:rgb(250,250,250);
			float:left;
			margin:0 0 0 20px
		}
			#text{
				height:385px;
				padding:5px;
				overflow:auto;
			}
				#next-step a{
					text-decoration:underline;
					font-weight:bold
				}
			#next-pre{
				background:rgb(179,179,179);
				color:#fff;
				height:28px;
				position:relative;
			}
				#next-pre a{
					color:#fff
				}
				#next-pre p#next{
					position:absolute;
					right:10px;
					top:5px
				}
				#next-pre p#previous{
					position:absolute;
					left:10px;
					top:5px
				}
		#screencast{
			float:left;
			margin:0 0 0 24px;
			
		}
			#flashcontent{
				width:564px;
				height:482px;
				margin:0 0 5px;
			}
			a#full-view{
				font-size:11px;
				text-decoration:underline !important
			}
	
	#footer{
		background:rgb(189,46,46) url('../images/footer.gif') no-repeat bottom left;
		color:#fff;
		height:70px;
		text-align:right;
		font-weight: bold;
		font-size : 0.6em;
	}
		#footer a
		{
		color: #fff;
		}
		address p {
			margin: 1pt;
			line-height: 1.1;
		}
		#badges{
			float:left;
			width:450px;
			text-align:left;
			margin:5px 20px
		}
			div#badges img {
				float: left;
				margin: 4px 8px 0 0;
			}
			#footer address{
				font-size:11px;
				line-height:15px;
				padding:5px 20px
			}
			
	.sub{
		font-size: 0.9em;
		font-family: Trebuchet MS, Verdana, Tahoma, Sans-Serif;
		font-weight: bold;
		vertical-align: bottom;
		display: inline;
		margin-left: 0.5em;
	}
			
/* MT image over-rides */

.mt-image-left {margin-bottom: 10px !important;}