/*******************/
/* INITIAL SETUP   */ 
/*******************/
	html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, input, select, textarea { 
		margin: 0px; 
		padding: 0px; 
	}
	
	input, select, textarea {font-size:11px;}
	
	/* forms */
	.widget input[type="text"], input[type="password"], input[type="submit"], input[type="button"], input[type="file"], .widget select, .widget textarea {background:#EEEEEE;border:1px solid #CCCCCC; padding:2px;}
	
	h1 {
		font-size:16px;
		font-weight:bold;
	}
	h2 {
		font-size:14px;
		font-weight:bold;
		line-height:16px;
		margin-bottom:4px;
	}
	h3 {
		font-size:12px;
		font-weight:bold;
		line-height:14px;
		margin-bottom:4px;
	}
	h4 {
		font-size:11px;
		font-weight:bold;
		line-height:14px;
		margin-bottom:4px;
	}
	
	hr {height:1px; overflow: hidden; border-style:none; background:#CCC;}
	
	.widget ul {padding-left:10px;}
	.widget ul li {margin-left:10px;margin-bottom:4px;}
	.widget ol {padding-left:30px;}
	.widget ol li {margin-bottom:4px;}

	/* our old friend the float killer */
	.clearboth {clear:both;}
	
	/* printable inline content, i.e. logo in breadcrumbs */
	.printlogo{display:none;margin-right:10px;}

/****************************/
/* MAIN TEMPLATE CONTAINERS */ 
/****************************/

	/* HEADER */ 

	#headerwrapper{
		width:900px;
		margin-left:auto;
		margin-right:auto;
	}
	#prenav{
		padding:5px 0px 5px 0px;
	}
	#memberlinks{float:left;padding-top:3px;}
	#sitesearch{float:right;padding-bottom:5px;}
		#sitesearch form {display:inline;}
		#sitesearch input {height:16px;margin-left:5px;font-size:11px;padding:0px 2px 0px 2px;line-height:16px;}
	#globalnav{
		clear:both;
		height:100px;
		width:900px;
		overflow:hidden;
		position:relative;
	}
	#homeLink {
		position:absolute;
		left:0px;
		top:0px;
	}
	#feedheadlink {
		position:absolute;
		right:10px;
		top:15px;
	}
	#feedheadlink a:link, #feedheadlink a:visited {color: #fff; text-decoration:none;}
	#feedheadlink a:hover, #feedheadlink a:active {color: #fff; text-decoration:underline;}
	/* BODY */ 
	
	#contentwrapper{
		width:900px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
	}
	#breadcrumbs{
		padding:5px;
	}
	
	#bodycontent {
		margin:0px;
	}

	#footer{
		padding:10px;
		clear:both;
	}
	
	#footerpad{clear:both;height:5px;font-size:1px;}
	
	.pagecolumnset {position:relative;float:left;}
	.pagecolumn {position:relative;float:left;_overflow:hidden;}	/* IE overflow hack */
	
	#listMenuRoot{
		position:absolute;
		top:-49px;
		right:0px;
		z-index:1000;
	}
	
	.flashwarn{
		margin-top:50px;
		margin-bottom:50px;
		margin-left:30px;
		margin-right:30px;
	}
	

/*****************/
/* WIDGET STYLES */
/*****************/

	.widget div{position:relative;}	
	
	.widget{
		margin-top:5px;
		margin-left:5px;
		margin-right:5px;
		padding:5px;
		line-height:140%;
		position:relative;
		overflow:hidden;
	}
	.widgetTitle {
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		padding-bottom:5px;
		text-align:left;
	}
	
	/* IE fixes */
	.widget img{position:relative;}
	.widget table{position:relative;}	

/**************************/
/* GLOBAL NAV MENU STYLES */
/**************************/

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}


/* HORIZONTAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 width: 150px;
}

.menulist ul.goleft {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
 left: -39px;
 width: 150px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
 /* or left:-148 to put 'em on the left side */
}

.menulist ul ul.goleft {
 top: -1px; margin-top: 0;
 left: -150px;
 /* or left:-148 to put 'em on the left side */
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 margin-right: 10px;
 width:110px;
 height:30px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 top:6px;
 margin: 0;
 margin-bottom: -1px;
 width:auto;
 height:auto;

}

/* offset the top:Xpx; above */
.menulist ul li li {
	top:0px;
}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu -- top level and down */
.menulist a {
 display: block;
 height:30px;
}

/*override top level */
.menulist ul li a {
 display: block;
 padding: 3px;
 padding-left:15px;
 height:auto;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {

}
.menulist a.highlighted {
}
.menulist ul li a.highlighted {

}
.menulist ul li a:hover, .menulist ul li a.highlighted:hover, .menulist ul li a:focus {

}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
 margin-top:5px;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */
	
/*****************************/
/* SOMEONE SET US UP THE PNG */
/*****************************/
#globalnav img, #sitesearch img, .transpng { behavior: url(/templates/iepngfix.htc) !important }


/*****************************/
/* 		CONTENT STYLES		 */
/*****************************/

.stdText{
	font-size:11px;
	color:#333;
	font-weight:normal;
}

.bottom-right-link{
	display:block;
	text-align:right;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}

.videotag{
	position:absolute !important;
	right:0px;
	bottom:0px;
	width:60px;
	height:16px;
	z-index:155;
	background: url('/templates/images/video_tag.gif') no-repeat;
}

.formcontainer{
	padding:5px;
	float:left;
}
.formrow, .formrowerror{
	margin:3px;
	padding:3px;
	clear:both;
}
.formrowerror input, .formrowerror textarea, .formrowerror select{
	background:#ffff99 !important;
	border:1px solid #CCCCCC;
	padding:2px;
}
.formlabel{
	float:left;
	width:110px;
}
.formrowerror .formlabel{
	color:#ff5533;
}
/*
.formlabelerror{
	float:left;
	width:110px;
	background:#ffcc66;
}
*/

.formFeedback {padding:5px;border:1px solid #ffcc66;background:#ffff99;}

.joinButton{margin-top:10px;margin-bottom:5px;width:164px;text-align:center;padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;color:#cc0000;border:1px solid #cc0000;}

#faqlinks{width:275px;float:left;}
#faqs{width:580px;float:right;}
.arrowlist{
	padding:0px;
	margin:0px;
}
.arrowlist li{
	list-style:none;
	background: transparent url('/templates/images/miniarrow.gif') 0px 4px no-repeat;
}

.moreArrows{
	position:absolute !important;
	right:6px;
	top:0px;
}
.moreArrows img{
	padding-top:6px;
	padding-right:2px;
	cursor:pointer;
}

.pages {position:relative;text-align:center;margin-top:10px;margin-bottom:10px;}
.pages a {position:relative;display:block; float:left; margin-right:2px; padding:5px; color: #CC0000; text-decoration:none; border:1px solid #999999; }
.pages span {position:relative;display:block; float:left; margin-right:2px; padding:5px; }
.pages .active { background-color:#990000; border:1px solid #990000; color:#FFFFFF; font-weight:bold; }
.pages a:hover, .pages a:active { border-color: #CC0000; text-decoration:none; }

.noHighlight {text-decoration:none !important; color:#333333 !important;}

/* episode transcript */
.episodeTranscript { background:#FFFFFF;color:#000000;margin:10px;padding:10px; }
.episodeTranscript a:link, .episodeTranscript a:visited{ color:#c00;text-decoration:none;}
.episodeTranscript a:hover, .episodeTranscript a:active{color:#c00;text-decoration:underline;}
.episodeTranscriptHead { background:#EEEEEE;color:#000000;padding:10px; }
.episodeTranscriptHead a:link, .episodeTranscriptHead a:visited{ color:#c00;text-decoration:none;}
.episodeTranscriptHead a:hover, .episodeTranscriptHead a:active{color:#c00;text-decoration:underline;}


/***************/
/* DISCUSSIONS */
/***************/

.discussionsCrumbs {display:block;margin-bottom:10px;}
.discussionsTitle {
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		}
	.discussionsTitleLink {margin-top:2px;margin-bottom:6px;color:#666;}
.discussionsSearch {position:absolute !important;top:4px;right:6px;}
.discussionsThreadDisplay {margin-top:5px;padding:5px;border:1px solid #ccc;background-color:#eef;}
.discussionsThreadDisplayHidden {margin-top:5px;border:1px solid #ff9999;padding:5px;background-color:#ffcccc;}
	.discussionsThreadTitle {margin-right:190px;font-size:14px;line-height:18px;font-weight:bold;}
	.discussionsThreadDescription {margin-right:170px;clear:left;}
	.discussionsThreadStatus {float:right;width:160px;}
.discussionsPostDisplay {margin-top:5px;border:1px solid #ccc;padding:5px;background-color:#eef;}
.discussionsPostDisplayHidden {margin-top:5px;border:1px solid #ff9999;padding:5px;background-color:#ffcccc;}
	.discussionsPostStatus {float:left;width:100px;color:#666;}
	.discussionsPostFlag {float:left;clear:left;width:120px;margin-right:0px;margin-top:5px;}
	.discussionsPostContent {margin-left:130px;}
	
	.discussionsPostPreview {margin-top:5px;border:1px solid #ccc;padding:5px;background-color:#ffffcc;}
	
	/* NEW */
	.discussFeedback {padding:5px;border:1px solid #ffcc66;background:#ffff99;}
	.discussionsPostThread {margin-top:5px;margin-bottom:5px;border:1px solid #ccc;padding:5px;}
	.discussionsPostComment {margin-top:5px;border:1px solid #ccc;padding:5px;}
	.discussionsFlagDisplay {margin-left:120px;margin-bottom:5px;border-bottom:1px solid #ccc;padding:5px;}
	
	.discussionsModeratorTools {margin-top:10px;border-top:1px solid #999;padding-top:5px;}
	.discussionsModeratorFlags {margin-left:130px;margin-top:5px;border-top:1px solid #fff;padding-top:5px;}
	
	
/***************/
/* SUPERNOTE */
/***************/

/* "fallback" links for non-CSS supporting browsers. */
.fallback {
 display: none;
}

/* Here's our default note styles. */
.notedefault, .notenested {
	position: absolute;
	visibility: hidden;
	top: 1.5em;
	left: 2em; 
	width: 242px;
	z-index:1200;	
}
.notedefault {
 border: 1px solid #333333;
 background-color: #ffffff;
 color: #000000;
}

/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack {
 margin-left: 5px;
 margin-top: 15px;
}

/* Headings within notes */
.noteheader {
	font-size:11px;
	font-weight:bold;
	padding: 2px 5px 2px 5px;
	background-color: #333333;
	color: #FFFFFF;
}

.noteheader a:link, .noteheader a:visited{
	color:white;
	text-decoration:none;
}
.noteheader a:hover, .noteheader a:active{
	color:white;
	text-decoration:underline;
}

.notecontent{
	margin:5px;
	color:black;
}

.notecontent img{
	border:1px solid black;
}