/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
	table, caption, tbody, tfoot, thead, tr, th, td
	{margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}
/* end of meyer's css reset */

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix div {height:1%;}

@media screen {	/* SCREEN styles */
body,.default {color:#463c3c; font:normal 12px Arial,Verdana,sans-serif; line-height:1.3em; margin:10px auto; 
	text-align:left; max-width:930px;}
* html body {width:920px;}	/* for ie6, which doesn't support max-width */
h1 {font-size:16px; line-height:1.2em; margin-bottom:10px;}
h2 {font-size:14px; line-height:1.2em; margin:10px 0 0 0;}
h3 {font-size:12px; line-height:1.2em; margin:8px 0 0 0;}
p {margin-bottom:12px;}

a, a:link, a:visited {color:#463c3c; text-decoration:none;}
.underlineLinks a:link, .underlineLinks a:visited {text-decoration:underline;}
a:hover {color:#5f97ae; text-decoration:underline;}
.defaultList,.defaultList li {list-style:disc outside; margin:0 0 3px 10px;}

#topOfPage {}
  #header {height:60px; width:930px;}
    #headerGraphic {float:left;}
    #headerRight {float:right;}
      #headerLinks {height:24px; width:487px;}
        #membershipStatus {}
          #membershipStatus table {float:right;}
            #membershipStatusRight {text-align:right;}
			  #membershipStatusRight img {margin-right:4px;}
      #headerTagLine {height:30px; width:487px; margin-top:6px;}
  #mainMenu {float:left; left:0px; height:24px; width:100%;}
#main {position:relative; margin-top:10px; width:930px; overflow:hidden;}
  #leftColumn {float:left; width:600px; padding:10px 0; overflow:hidden;} /* other than the homepage */
  #homepageLeftCenterWrapper {float:left; width:615px; }
    #homepageLeftColumn {float:left; width:300px; padding:5px 0; overflow:hidden;}
    #homepageCenterColumn {float:right; width: 300px; padding:5px 0; overflow:hidden;}
  #rightColumn {float:right; width:300px; padding:10px 0;}
    #rightColumnHeader {margin-top:7px;}
  #singleColumn {width:930px; padding:10px 0;}

#footer {color:#ffffff; clear:both; height:35px; width:100%; font-size:12px; text-align:center; padding-top:3px;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer a {color:#ffffff; text-decoration:none;}
#footer a:hover {color:#3d717a; text-decoration:none;}

.errorMessage,.errorMessage a {color:red}
.mediaButton:link,.mediaButton:hover,.mediaButton:visited {text-decoration:none;}
.mediaButton {display:inline;border-right:2px solid gray;border-bottom:2px solid gray;padding:0 2px 0 2px; margin-right:3px;
	font-size:11px; background-color:#7bb8c2; color:#fff;}
.addButton:link,.addButton:hover,.addButton:visited {text-decoration:none; white-space:nowrap;}
.addButton {display:inline;border-right:2px solid gray;border-bottom:2px solid gray;padding:0 2px 0 2px; margin-right:3px;
	 	font-size:11px; background-color:white; white-space:nowrap;}
.removeButton:link,.removeButton:hover,.removeButton:visited {color:white; text-decoration:none;}
.removeButton {display:inline;border-right:2px solid gray;border-bottom:2px solid gray;padding:0 2px 0 2px; margin-right:3px; font-size:11px; 
	background-color:#5f97ae;}
.badgeButton:link,.badgeButton:hover,.badgeButton:visited {text-decoration:none;}
.badgeButton {display:inline;border-right:2px solid gray;border-bottom:2px solid gray;padding:0 2px 0 2px; margin-right:3px; font-size:11px; 
	background-color:#b5e655;}
.optionButton:link,.optionButton:hover,.optionButton:visited {text-decoration:none; color:#000000;}
.optionButton {display:inline;border-right:2px solid gray;border-bottom:2px solid gray;padding:0 2px 0 2px; margin-right:3px; font-size:11px; 
	color:#3d717a; background-color:#7bb8c2;}
.titleInput {width:400px;}
#programTagInput {width:400px;}
#programDescriptionTextarea {width:450px; height:120px;}
fieldset {margin-top:20px;border:1px solid blue; background-color:#FFF5C6; padding:5px 10px 10px 30px;}
fieldset button, fieldset .checkbox, fieldset .topLabel {margin-top:10px;}
fieldset .topLabel {display:block;}
#commentsDiv {font-size:11px; width:585px;}
.commentDiv {width:100%; border:1px solid gray; margin:0 0 5px 0px; padding:3px;}
.commentPosterDiv {color:#333333; margin:0 0 2px 0; border-bottom:1px solid #cccccc;}
.commentPosterDiv a {display:inline;}
.commentPosterSpan {color:#3258ae;}
.commentTextDiv {color:#333333;}
#commentTextarea {height:100px; width:100%; border:1px solid gray; margin:10px 0 0 5px; padding:2px;}
#commentMessage {padding:3px;}
#commentMessage a {display:inline; text-decoration:underline;}
#commentButtonDiv {padding:3px;}

.summary {clear:left; margin:15px 0 15px 0; padding:5px 15px 0 0; border-top:1px solid #dddddd;}
.summary a {text-decoration:none;}
.summary a:hover  {text-decoration:underline;}
.summaryLeft  {text-align:center; padding:0 5px 0 0;}
.summaryRight {vertical-align:top; padding:0;}
.summaryTop {}
.summaryTop a img {float:left; margin:5px 7px 5px 0;}
.summaryBadges {clear:left; margin:5px 0;}
.summaryResume {clear:left;}
.summarySubmissions {}
.summary h2 {font-size:12px;}
.summaryMeta {clear:left; margin-bottom:5px;}

.summaryPopupContainer {border:1px solid #5f97ae; background:#eeeeee; margin:5px 0 15px 0; padding:0;}
.summaryMetadata,.summaryMetadata a {color:#6d8fab;}
.summaryMetadata a:hover {color:#ff0000;}
.oneLineSummary {text-indent:-20px; margin:3px 0 0 20px;}
.oneLineSummaryTitle {font-weight:normal;text-decoration:underline;}
.oneLineSummaryFrom {}

.collector {clear:left; margin:5px 0 0 0; padding:0 5px 0 0;}
.collectorLeft  {text-align:center; padding:0 5px 0 0;}
.collectorRight {vertical-align:top; padding:0;}
.collector h2 {font-size:12px;}
.collectorContainer {margin:10px 0 5px 0; padding:5px 0 5px 0; 
	border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}

.abstract {margin:0; padding:10px;}
.abstract-green {border-left:1px solid #b1df5a; border-right:1px solid #b1df5a;}
.abstract-blue {border-left:1px solid #7bb8c2; border-right:1px solid #7bb8c2;}
.abstract a {text-decoration:none;}
.abstract a:hover {text-decoration:underline;}
.abstractLeft {text-align:center; padding:0 5px 0 0;}
.abstractLeft .playlistControls {}
.abstractRight {vertical-align:top; padding:0; padding-left:5px;}
.abstractTitle,.abstractTitle a {color:#555;}
.abstractDescription,.abstractDescription a {color:#6d8fab;}

.detail {margin:5px 0 12px 0; padding:0 0 15px 0; border-bottom:1px solid gray;}
.detail a  {text-decoration:none;}
.detail a:hover {text-decoration:underline;}
.detailLeft {text-align:center; vertical-align:top; padding:0 5px 0 0;}
.detailRight {vertical-align:top; padding:0; width:100%;}

.feed {margin:5px 0 12px 0; padding:0 0 15px 0; border-bottom:1px solid gray;}
.feed a  {text-decoration:none;}
.feed a:hover {text-decoration:underline;}
.feedLeft {text-align:center; vertical-align:top; padding:0 5px 0 0;}
.feedCenter {vertical-align:top; padding:0; width:100%;}
.feedRight {vertical-align:top; padding:0;}

/* homepage objects */
.abstractSeparator {font-size:0;}
.abstractSeparator-green {border-top:1px solid #b1df5a;}
.abstractSeparator-blue {border-top:1px solid #7bb8c2;}
.abstractSeparator-gray {border-top:1px solid #cccccc;}
.homepageColumnHead,
.abstractGroupTitle {font-size:1.4em; margin:10px 0 0 0; padding:7px 0 7px 10px;}
.homepageColumnHead {color:#55b50f; font-weight:normal; height:17px; padding-top:9px;}
.abstractGroupTitle {}
.abstractGroupTitle-green {}
.abstractGroupTitle-blue {}
.abstractGroupTitle-green a, .abstractGroupTitleMoreLink-green a {color:#3d717a;}
.abstractGroupTitle-blue a, .abstractGroupTitleMoreLink-blue a {color:#ffffff;}
.homepageColumnHeadMoreLink,
.abstractGroupTitleMoreLink {float:right; padding-right:10px;}
.homepageColumnHeadMoreLink {color:#ffffff;}
.abstractGroupTitleMoreLink {font-weight:bold;}
.homepageColumnHead a, .homepageColumnHeadMoreLink a {color:#ffffff;}
#tagBox,
.blob {padding:0 15px 10px 15px; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.blob {padding-top:10px;}
.metaBox {padding:5px 15px 10px 15px; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.metaBox p {white-space:nowrap; overflow:hidden; width:268px;}
#faqBoxLeft {float:left;}
#faqBoxRight {float:right; padding:15px 0 0 10px;}
#whatIs a {font-size:1.3em; line-height:1.2em; color:#3d717a}
#readFaq {font-size:1.2em; padding-top:3px;}

.tagBubbles {text-align:justify;}
.oddNumberedTag:link, .oddNumberedTag:visited {color:#4bb5c1; text-decoration:none;}
.evenNumberedTag:link, .evenNumberedTag:visited {color:#55b50f; text-decoration:none;}
.oddNumberedTag:hover, .evenNumberedTag:hover {text-decoration:underline;}

.pagerMenu {margin-top:0;}
.pagerMenu a {text-decoration:underline;}

#search {}

/* flexDiv -- used by widgets */
#flexDiv {position:absolute; z-index:99999; color:#252455; background-color:#FFF5C6; margin:0; 
	border:1px solid gray; overflow:auto;}
#flexDiv ul {list-style:none; margin:0; padding:0 1px;}
#flexDiv ul li {padding:2px 0 2px 0;}
.flexDivControl {padding:5px; text-align:right; border-bottom:1px solid gray;}
.flexDivHtml {padding:3px; overflow:auto;}
.flexDivHtml a {text-decoration:none; padding-left:4px; padding-right:4px; display:block; border:1px solid #FFF5C6;}
.flexDivHtml a:hover {border:1px solid #4D4C76; color:#252455; background:#CBCBEF;}
/* a way to override links in a flexDiv... */
.standardLink a:link,.standardLink a:visited {color:#463c3c; text-decoration:underline; display:inline; 
	margin:0; padding:0; border:none; background:none;}
.standardLink a:hover {color:red; border:none; margin:0; padding:0;}
/* widget positioning classes. names MUST be .flex<widgetName> */
.flexaddToPlaylist, .flexaddCollection, .flexaddFeed {width:275px; overflow:hidden; white-space:normal}
.flexnews {width:400px; overflow:hidden; white-space:normal}

.collectionsFollowing {border:1px solid #5f97ae; background:#eeeeee; margin-top:10px; padding:15px;}
.premiumIndicator {color:#ff4444; cursor:pointer;}
#submissionWizard {width:720px; padding:10px 0;}
#submissionWizard input[type="text"] {width:650px;}
#submissionWizard textarea {width:650px; height:100px;}
#submissionWizardFieldset {margin-bottom:15px;}
#submissionWizardFeedTable td,#submissionWizardFeedTable th {padding:0 10px;}
#submissionWizardFeedTable th.firstCol,#submissionWizardFeedTable td.firstCol {padding-left:0;}
#submissionWizardFeedTable th.lastCol,#submissionWizardFeedTable td.lastCol {padding-right:0;}
.searchBox,#cse-search-box input[type="text"] {width:195px;}
#searchBoxOnResultsPage #cse-search-box {display:inline; float:left; margin-right:60px;}
#searchBoxOnResultsPage #cse-search-box input[type="text"] {width:500px;}

/* Yahoo Media Player */

/***** USING NEW SPOKENWORD.ORG SPRITE *****
.ymp-skin {background-image:url(http://assets.conversationsnetwork.org/haystack/ymp-sprite.png)!important;}
a.ymp-btn-page-target em.ymp-skin,
a.ymp-btn-page-target:hover em.ymp-skin,a.ymp-btn-page-target:active em.ymp-skin
	{background:url(http://l.yimg.com/hr/10374/img/mp/target.gif) no-repeat 0 0!important;}
.ymp-color-main {background-color:transparent!important;}
.ymp-color-tray {background-color:transparent!important;}
.ymp-color-text-main,.ymp-color-text-main:link {color:#333!important;}
.ymp-color-text-tray,.ymp-color-text-tray:link{ color:#fff!important;}
.ymp-player-max #ymp-body {width:569px!important;}
.ymp-player-max #ymp-body #ymp-getplayer {display:none!important;}
.ymp-player-max #ymp-body #ymp-body-base {width:559px!important;}
.ymp-player-max #ymp-body #ymp-body-strip {width:556px!important;}
.ymp-player-max #ymp-body #ymp-btn-pop {display:none!important;}
.ymp-player-max #ymp-body #ymp-yahoo-logo {display:none!important;}
#ymp-tray #ymp-tray-body ul li a.playing {background-color:#3274D0!important;}
#ymp-tray ul li a:hover {background-color:#666!important;}
#ymp-tray #ymp-btn-tray em.ymp-color-text-tray {color:#fff!important;}
#ymp-relevance {display:none!important;}
#ymp-body #ymp-rhap-getunlimited {color:#fff!important;font-weight:Bold!important;}
#ymp-body #ymp-btn-max span.ymp-animarrow {background:transparent 
	url(http://l.yimg.com/hr/10374/img/mp/closed.gif) no-repeat scroll 0 0!important;}
#ymp-meta-album-title {display:none!important;}
*********************************************/

.ymp-skin {background-image:url(http://cdn.spokenword.org/images/yahooMediaPlayer/skin.png)!important;}
a.ymp-btn-page-target em.ymp-skin,
a.ymp-btn-page-target:hover em.ymp-skin,a.ymp-btn-page-target:active em.ymp-skin
	{background:url(http://cdn.spokenword.org/images/yahooMediaPlayer/target.gif) no-repeat 0 0!important;}
.ymp-color-main {background-color:transparent!important;}
.ymp-color-tray {background-color:transparent!important;}
.ymp-color-text-main,.ymp-color-text-main:link {color:#333!important;}
.ymp-color-text-tray,.ymp-color-text-tray:link{ color:#fff!important;}
.ymp-player-max #ymp-body {width:569px!important;}
.ymp-player-max #ymp-body #ymp-getplayer {display:none!important;}
.ymp-player-max #ymp-body #ymp-body-base {width:559px!important;}
.ymp-player-max #ymp-body #ymp-body-strip {width:556px!important;}
.ymp-player-max #ymp-body #ymp-btn-pop {display:none!important;}
.ymp-player-max #ymp-body #ymp-yahoo-logo {display:none!important;}
#ymp-tray #ymp-tray-body ul li a.playing {background-color:#3274D0!important;}
#ymp-tray ul li a:hover {background-color:#666!important;}
#ymp-tray #ymp-btn-tray em.ymp-color-text-tray {color:#fff!important;}
#ymp-relevance {display:none!important;}
#ymp-body #ymp-rhap-getunlimited {color:#fff!important;font-weight:Bold!important;}
#ymp-body #ymp-btn-max span.ymp-animarrow {background:transparent 
	url(http://cdn.spokenword.org/images/yahooMediaPlayer/closed.gif) no-repeat scroll 0 0!important;}
#ymp-meta-album-title {display:none!important;}

/* faq pages */
.help {color:#444444;}
.help h2 {margin-top:25px;}
.help h2 a {color:#333333;}
.help p {margin:5px 0 0 0;}
.help li {list-style:disc outside; margin:0 0 3px 0;}
.help ul {margin:5px 0 0 35px;}
.helpList a {font-weight:600; color:#333333; line-height:1.6;}
.helpImage {display:block; float:right; padding:0 0 3px 3px; margin-left:10px; border-left:1px solid gray; border-bottom:1px solid gray; }

.standardLists ul {margin:5px 0 0 35px;}
.standardLists ol {margin:5px 0 0 35px;}
.standardLists ul li {list-style:disc outside; margin:0 0 3px 0;}
.standardLists ol li {list-style:decimal outside; margin:0 0 3px 0;}
.standardLists ol ol li {list-style:lower-alpha outside; margin:0 0 3px 0;}

/* for documentation of menu CSS see /javascript/AdxMenuOriginal.html */
.menu, .menu ul {margin:0; padding:0; border:0; list-style-type:none; display:block;}
.menu li {margin:0; padding:0; border:0; display:block; float:left; position:relative; z-index:5;}
.menu li:hover {z-index:10000; white-space:normal;}
.menu li li {float:none;}
.menu ul {visibility:hidden; position:absolute; z-index:10; left:0; top:0;}
.menu li:hover>ul {visibility:visible; top:100%;}
.menu li li:hover>ul {top:0; left:100%;}
.menu:after, .menu ul:after {content: "."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both;}
.menu, .menu ul {min-height:0;}
.menu ul {padding:10px 30px 30px 30px; margin:-10px 0 0 -30px;}
.menu ul ul {padding:30px 30px 30px 10px; margin:-30px 0 0 -10px;}
/* options below */
.menu, .menu ul li {color:#ffffff; background:#7bb8c2;}       
.menu ul {width:20em;}
.menu a {text-decoration:none; font:normal 15px Arial,Verdana,sans-serif; color:#ffffff; 
	padding:1px 4px 2px 4px; display:block; position:relative;} 
.menu>li>a {padding:10px 13px;}
.menu li li a {background-color:#3d717a;}
.menu a:hover, .menu li:hover>a {color:#ffffff; background-color:#3d717a;}
.menu li li:hover>a {color:#3d717a; background-color:#b1df5a;}
.menu li li {}
.menu ul>li + li {border-top: 0;}            
.menu li li:hover>ul {top:5px; left:90%;}
.menu>li:first-child>a, .menu li + li + li li:first-child>a {}

/* Fix for IE5/Mac \*//*/
.menu a {float:left;}
/* End Fix */
}	/* end SCREEN styles */

/***** deprecated styles *****
.homepageFeaturedCollection {background:#b5e655; padding:7px 7px 5px 7px;}
******************************/

@media print {	/* PRINT styles */
body {font:normal 12px Verdana,sans-serif; border-style:none; margin:8px; padding:0px; text-align:left; color:black;}
p {margin:0 0 10px 0; padding:0;}
h1 {font-size:16px; line-height:1.2em; }
h2 {font-size:14px; line-height:1.2em; margin:15px 0 4px 0;}
h3 {font-size:12px; line-height:1.2em; margin:8px 0 3px 0;}
a:link,a:hover,a:visited {color:black; text-decoration:none;}
a:after {content:" <" attr(href) ">"; text-decoration:none;}
a[href]:after {text-decoration:none;}
.clickthroughUrl[href]:after {content:"";}	/* hide the clickthrough URL under the photo */
#membershipStatus {display:none;}
#header,#headerGraphic,#mainMenu,#footer,#rightColumn
 	{display:none;}	/* container for #headerGraphic and #headerMenu */
#main {margin:0; padding:8px; width:98%; border:1px solid gray;}
.help {margin:20px;}
.help p {margin:5px 0 0 0;}
.help li {list-style:disc outside; margin:0 0 3px 0;}
.help ul {margin:5px 0 0 35px;}
}	/* end of PRINT style overrides */
