/* document elements */
html { height:100%; min-width:1100px;}
body { background:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; min-width:800px; height:100%; padding:0px; margin:0px; vertical-align:middle;}

/* main structure */

.aboutUs_tab { width:200px; position:absolute; top:0px; left:50%; margin:0px 0px 0px -100px; z-index:6000;}
.aboutUs_tab a { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#333333; display:block; padding:10px; text-decoration:none;}

#alert_box { background:#FF6666; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FFFFFF; font-style:italic; margin:10px; padding:10px; text-align:center;}

#browseGenre_browseCloud { background:url(images/landscape.png) no-repeat bottom left; width:900px; height:300px; padding:0px 0px 0px 0px; margin:0px auto; position:absolute; bottom:-35px;}
#browseGenre_browseCloud_genre { font-family:Georgia, "Times New Roman", Times, serif; font-size:45px; color:#000000; font-weight:bold; font-style:italic; text-align:center; width:600px; padding:0px 50px; position:absolute; top:140px; }
#browseGenre_browseCloud_storyCount { font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#000000; font-weight:bold; height:36px; width:150px; text-align:center; position:absolute; top:25px; right:10px;}
#browseGenre_browseCloud_storiesFound { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold; height:12px; width:150px; text-align:center; position:absolute; top:75px; right:10px;}
#browseGenre_byLine { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:normal; padding:10px 20px; text-align:center;}
#browseGenre_cloudScape { background:#55A8DF url(images/cloudScape_back.png) repeat-x bottom left; height:700px; margin:0px auto; padding:1px 0px 0px 0px; position:relative;}
#browseGenre_cloudScapeFringe { background:#0035A0; height:70px; margin:0px auto 5px auto;}
#browseGenre_paper { background:transparent; width:209px; margin:20px; padding:0px 8px; float:left; cursor:pointer;}
#browseGenre_paper:hover { background:url(images/transparentWhite.png) repeat;}
#browseGenre_paper_tape { background:transparent url(images/tape.png) no-repeat top center; height:27px; width:77px; margin:0px auto; position:relative; top:15px;}
#browseGenre_paper_b { background:url(images/paper200_b.png) no-repeat top left; width:209px; height:28px; margin:0px;}
#browseGenre_paper_m { background:url(images/paper200_m.png) repeat-y top left; width:200px; height:250px; margin:0px; padding:0px 5px;}
#browseGenre_paper_t { background:url(images/paper200_t.png) no-repeat top left; width:209px; height:8px; margin:0px;}
#browseGenre_socialSection { width:1100px; padding:0px 0px; margin:0px auto;}
#browseGenre_Title { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; padding:10px 20px; text-align:center;}

.browseGenre_story { height:330px; margin:0px 20px; position:relative;}
.browseGenre_storyBottom1, .browseGenre_storyTop1 { background:url(images/transparentWhite_50.png) repeat top left; height:1px; margin:0px 24px;}
.browseGenre_storyBottom2, .browseGenre_storyTop2 { background:url(images/transparentWhite_50.png) repeat top left; height:1px; margin:0px 22px;}
.browseGenre_storyBottom3, .browseGenre_storyTop3 { background:url(images/transparentWhite_50.png) repeat top left; height:2px; margin:0px 21px;}
.browseGenre_storyCloud { background:url(images/browseStoryCloud.png) no-repeat top left; width:168px; height:106px; padding:0px 0px; text-align:center; position:absolute; top:200px; right:300px;}
.browseGenre_storyInfo {  width:460px; padding:10px 0px; text-align:center; position:absolute; top:110px;}
.browseGenre_summary { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; font-weight:normal; width:300px; margin:0px auto;}
.browseGenre_storyTitle { font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#000000; font-weight:bold;}
.browseGenre_storyTitle a { color:#000000; text-decoration:none;}
.browseGenre_byLine { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000000; font-weight:bold; font-style:italic; padding:0px 0px; text-align:center;}
.browseGenre_readStory { width:185px; height:30px; position:absolute; top:50px; right:10px;}
.browseGenre_readStory a { font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; font-size:30px; text-align:center; text-decoration:none;}
.browseGenre_readStory a:hover { text-decoration:underline;}
.browseGenre_readStoryBox { background:url(images/readStory_sun.png) no-repeat top left; padding:0px 0px; text-align:center; width:313px; height:127px; margin:auto; position:relative; right:13px;}







#content_browseGenre_top { background:#333333; padding:0px; }
#content_browseGenre_bottom { background:#333333 url(images/underStageBack1.jpg) repeat-x top left; padding:0px 0px 0px 0px; }
#content_intro { background:#333333 url(images/underStageBack1.jpg) repeat-x top left; text-align:center; padding:1px 0px;}
#content_myStuff { background:#000000 url(images/woodenDesk.jpg) repeat top left; min-height:100%; width:100%; padding:0px; float:left; }
#content_readStory { background:#000000 url(images/woodenDesk.jpg) repeat top left; width:100%; min-height:100%; float:left; }
#content_signIn { background:#C8E0F6 url(images/cloudScape_back.png) repeat-x top left; background-attachment:fixed; min-height:100%; padding:1px; }
#content_storyCafe_bottom { background:#333333 url(images/underStageBack1.jpg) repeat-x top left; padding:0px 0px 0px 0px; }
#content_storyCafe_top { background:#000000 url(images/stageBack.png) no-repeat bottom center; height:500px; padding:0px; position:relative; }
#content_writeStory { background:#000000 url(images/woodenDesk.jpg) repeat top left; width:100%; min-height:100%; padding:0px; float:left; }
#content_writeStory table tr td.right { padding-top:100px;}







#cornerBox { background:url(images/cornerBox.png) no-repeat top right; width:192px; height:660px; position:absolute; top:400px; left:-50px;}

#editStory_toolBar { border:3px #666666 solid; border-top:none; background:url(images/cloudScape_back.png) repeat-x bottom left; font-family:Georgia, "Times New Roman", Times, serif; color:#000000; width:700px; padding:190px 0px 20px 0px; margin:0px auto; text-align:center;}

#infoBars { width:100%; position:absolute; top:0px; z-index:5000;}
#infoBars a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}
#infoBar1 { border-bottom:1px #990000 solid; background:url(images/transparentRed_70.png) repeat top left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}
#infoBar2 { border-bottom:1px #0066CC solid; background:#0066CC; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; height:20px; padding:7px 10px 0px 10px; position:absolute; right:0px;}
#infoBar2 .userName { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic;}

.infoBar_roundNavPub, .infoBar_roundNavRough { background-color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; letter-spacing:0px; margin:0px 0px 3px 0px; float:left;}
.infoBar_roundNavRough { margin-bottom:0px; clear:left;}
.infoBar_roundNavLink { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; display:block; width:200px; padding:6px 5px 5px 5px; text-align:center;}

.infoBar_roundNavPub_selected, .infoBar_roundNavRough_selected { background-color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; letter-spacing:0px; margin:0px 0px 3px 0px; float:left;}
.infoBar_roundNavRough_selected { margin-bottom:0px; clear:left;}
.infoBar_roundNavLink_selected { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; display:block; width:200px; padding:6px 5px 5px 5px; text-align:center;}

.infoBar_roundNavBig { background-color:#CC0000; font-size:24px; margin-left:20px; float:left;}
.infoBar_roundNavBigLink { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; letter-spacing:-1px; padding:14px 10px 10px 10px; text-decoration:none; display:block;}

.infoBar_roundNavBig_selected { background-color:#CC0000; font-size:24px; margin-left:20px; float:left;}
.infoBar_roundNavBigLink_selected { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; letter-spacing:-1px; padding:14px 10px 10px 10px; text-decoration:none; display:block;}

.infoBar_roundNav_new { background-color:#009900; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; letter-spacing:-1px; margin-right:20px; float:right;}
.infoBar_roundNav_newLink { padding:10px; display:block; text-align:center; text-decoration:none;}

#intro { background:url(images/introFrame.png) no-repeat top left; width:750px; height:600px; margin:100px auto 0px auto; padding:20px;}

#masthead { border-bottom:1px #CCCCCC solid; background:#FFFFCC; height:0px; padding:5px 5px 5px 5px;}

#myStories { width:1100px; margin:20px auto;}
#myStories_editMe { background:#F4F4F4; text-align:center; margin:0px 10px;}
#myStories_editMe a { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold;}
#myStories_explain { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#FFFFFF; margin:50px 30px 10px 30px;}
#myStories_filterSwitches { border-bottom:2px #666666 solid; background:url(images/blackBackStripe.png) repeat top left; color:#999999; font-size:24px; margin:0px auto 0px auto; padding:10px; text-align:center;}
#myStories_filterSwitches a.unselected { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; font-weight:bold; letter-spacing:-1px; cursor:pointer; }
#myStories_filterSwitches a.selected { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFCCCC; font-weight:bold; letter-spacing:-1px; cursor:pointer; }
#myStories_newStory { background:url(images/transparentWhite_50.png)  repeat; margin:0px 30px; padding:0px; cursor:pointer;}
#myStories_paper { background:transparent; width:209px; margin:20px; padding:0px 0px; float:left;}
#myStories_paper_delete { background:url(images/redX.png) no-repeat top left; width:20px; height:20px; position:absolute; top:-10px; right:-0px; cursor:pointer; display:none;}
#myStories_paper:hover #myStories_paper_delete { display:block;}
#myStories_paper_edit.green { background:url(images/bubble_green.png) no-repeat bottom center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:bold; width:92px; height:14px; padding:7px 5px 3px 5px; margin:0px auto; position:relative; bottom:33px; text-align:center;}
#myStories_paper_edit.red { background:url(images/bubble_red.png) no-repeat bottom center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:bold; width:92px; height:14px; padding:7px 5px 3px 5px; margin:0px auto; position:relative; bottom:33px; text-align:center;}
#myStories_paper_edit.yellow { background:url(images/bubble_yellow.png) no-repeat bottom center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:bold; width:92px; height:14px; padding:7px 5px 3px 5px; margin:0px auto; position:relative; bottom:33px; text-align:center;}
#myStories_paper_tape { background:transparent url(images/tape.png) no-repeat top center; height:27px; width:77px; margin:0px auto; position:relative; top:15px;}
#myStories_paper_b { background:url(images/paper200_b.png) no-repeat top left; width:209px; height:28px; margin:0px;}
#myStories_paper_m { background:url(images/paper200_m.png) repeat-y top left; width:200px; height:250px; margin:0px; padding:0px 5px; position:relative;}
#myStories_paper_t { background:url(images/paper200_t.png) no-repeat top left; width:209px; height:8px; margin:0px;}
#myStories_prevBody { font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#000000; font-weight:lighter; padding:10px 20px; text-align:left;}
#myStories_prevLastEdit { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:normal; padding:10px 20px; text-align:center;}
#myStories_prevTitle { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; font-weight:bold; padding:10px 20px; text-align:center;}
#myStories_toolBar { border-bottom:3px #666666 solid; background:url(images/cloudScape_back.png) repeat-x bottom left; font-family:Georgia, "Times New Roman", Times, serif; color:#000000; width:100%; padding:190px 0px 20px 0px; margin:0px auto; text-align:center;}

#myStuff_logo { margin-bottom:30px;}
#myStuff_masthead { font-family:Georgia, 'Times New Roman', Times, serif; font-size:48px; color:#FFFFFF;height:75px; width:100%; position:absolute; top:0px;}
#myStuff_nav { width:600px; margin:0px auto 10px auto; }
#myStuff_nav ul { height:34px; margin:0px; padding:0px;}
#myStuff_nav ul li { height:32px; list-style:none; margin:0px 10px 0px 0px; display:inline-block;}
#myStuff_nav ul li.name { background:url(images/transparentRed_70.png) repeat top left; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; color:#FFFFFF; font-weight:bold; font-style:italic; letter-spacing:-2px;}
#myStuff_nav ul li.neutral { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; font-weight:bold;}
#myStuff_nav ul li.neutral:hover { border:1px #333333 solid; background:url(images/transparentBlack.png) repeat top left; color:#FFFFFF; }
#myStuff_nav ul li a { color:#FFFFFF; height:22px; padding:5px 10px 7px 10px; text-decoration:none; display:block;}
#myStuff_nav ul li a:hover { color:#FFFFFF; }

.readStory_body { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; font-weight:lighter; padding:10px 20px; text-align:left;}
#readStory_cloudScape { background:#55A8DF url(images/cloudScape_back.png) repeat-x bottom left; height:800px; margin:0px auto; padding:1px 0px 0px 0px; position:relative;}
.readStory_page { padding:0px;  height: 500px; width: 510px;}
.readStory_pageNum { border-bottom:1px #333333 solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; width:200px; margin:20px auto; padding-bottom:5px; text-align:center;}
#readStory_paper { background:transparent; width:510px; margin:0px; padding:0px; float:left; }
#readStory_paper_b { background:url(images/paper500_b.png) no-repeat top left; width:510px; height:14px; margin:0px;}
#readStory_paper_m { background:url(images/paper500_m.png) repeat-y top left; width:500px; height:400px; margin:0px; padding:0px 5px;}
#readStory_paper_t { background:url(images/paper500_t.png) no-repeat top left; width:510px; height:14px; margin:0px;}
.readStory_scroll { height: 430px; overflow: auto; position: relative; clear: left;}
.readStory_scrollButtons { position: absolute; top: 80px; cursor: pointer; }
.readStory_scrollButtons.left { left: -120px; }
.readStory_scrollButtons.right { right: -120px; }
#readStory_slideViewer { background:url(images/transparentWhite_50.png) repeat top left; width:510px; margin:370px auto 0px auto; position: relative; z-index:2000;}
.readStory_navigation li { border:1px transparent solid; background:url(images/paperIcon.png) no-repeat top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; width:31px; list-style:none; padding:12.5px 0px; margin:0px 10px; text-align:center; float:left; cursor:pointer;}
.readStory_navigation li a { color:#000000; text-decoration:none;}
.readStory_navigation li.selected { border:1px #333333 solid; background:#FFFFCC url(images/paperIcon.png) no-repeat top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; width:31px; padding:12.5px 0px; margin:0px 10px; text-align:center; float:left; cursor:pointer;}
#readStory_storyBook { padding:0px 0px 0px 0px; margin:250px auto 0px auto; }

#publishStory { padding:10px 20px;}
#publishStory_cats { border:1px #F4F4F4 dashed; padding:10px;}
#publishStory_cats table { width:100%;}
#publishStory_cats table tr td { width:50%; vertical-align:top;}
#publishStory_cats ul.publishStory_catList { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; margin:0px; padding:0px;}
#publishStory_cats ul.publishStory_catList .catName { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; text-decoration:underline;}
#publishStory_cats ul.publishStory_catList li { background:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#333333; list-style:none; margin:0px 0px 0px 20px; padding:5px;}
#publishStory_cats ul.publishStory_catList li:hover { background:#CCFFFF;}

#publishStory_explainCat { border:1px #F4F4F4 solid; background:#FFFFCC; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666666; height:18px; padding:20px; margin:10px 0px; text-align:center;}

#publishStory_storySummary_counter { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-align:right;}

#signIn { border:3px #CCCCCC solid; background:#FFFFFF url(images/lightGreyGradient.png) repeat-x top left; width:800px; margin:0px auto; padding:1px 0px;}
#signIn_m { margin:20px auto 40px auto; padding:0px; }

#storyCafe { width:900px; margin:0px auto;}

#storyCafe_curtains_l { background:url(images/curtains_l.png) no-repeat bottom left; width:180px; height:825px; position:absolute; top:0px; left:0px; z-index:50;}
#storyCafe_curtains_r { background:url(images/curtains_r.png) no-repeat bottom right; width:180px; height:825px; position:absolute; top:0px; right:0px; z-index:50;}
#storyCafe_curtains_t { background:url(images/curtains.png) repeat-x bottom; width:100%; height:200px; position:absolute; top:0px; z-index:100;}

#storyCafe_event { margin:0px 0px 0px 0px;}
#storyCafe_eventDate { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000000; font-weight:normal; margin:0px 0px 0px 0px;}
#storyCafe_eventDesc { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
#storyCafe_eventTitle { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; font-weight:bold; margin:0px 0px 5px 0px;}

#storyCafe_floor { background:url(images/floor.png) repeat-x bottom left; height:350px; min-width:1000px; padding:250px 0px 0px 0px; position:relative;}

#storyCafe_hello { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; width:400px; height:60px; margin:0px auto 30px auto; padding:20px; text-align:center;}
#storyCafe_hello_myStories, #storyCafe_hello_writeNew { background:transparent; width:110px; margin:0px auto; padding:20px;}
#storyCafe_hello_myStories:hover, #storyCafe_hello_writeNew:hover { background:url(images/transparentWhite.png) repeat top left;}

#storyCafe_newsFlash { background:transparent; width:290px; padding:78px 0px 0px 0px; margin:10px auto 0px auto; position:relative;}
#storyCafe_newsFlash_articleBody { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
#storyCafe_newsFlash_articleTitle { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; letter-spacing:-1px;}
#storyCafe_newsFlash_bottom1 { background:url(images/transparentWhite_70.png) repeat top left; height:1px; width:286px; margin:0px auto;}
#storyCafe_newsFlash_bottom2 { background:url(images/transparentWhite_70.png) repeat top left; height:1px; width:288px; margin:0px auto;}
#storyCafe_newsFlash_bottom3 { background:url(images/transparentWhite_70.png) repeat top left; height:2px; width:289px; margin:0px auto;}
#storyCafe_newsFlash_content { background:url(images/transparentWhite_70.png) repeat top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding:20px 20px 20px 20px;}
#storyCafe_newsFlash_title { background:url(images/newsFlash.png) no-repeat top center; width:100%; height:135px; padding:0px 0px 0px 0px; position:absolute; top:0px; z-index:200;}

#storyCafe_recentStories { background:transparent; margin:0px 10px 0px 10px; padding:40px 0px 0px 0px; position:relative;}
#storyCafe_recentStories_paper { background:url(images/paperIcon.png) no-repeat top left; width:31px; height:37px; margin:0px;}
#storyCafe_recentStories_byLine { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#333333; font-weight:normal; font-style:italic; padding:0px 20px 0px 20px; text-align:left;}
#storyCafe_recentStories_prevTitle { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; font-weight:bold; padding:0px 20px 0px 20px; text-align:left;}
#storyCafe_recentStories_stories { border-top:2px #FFFFFF solid; border-bottom:2px #FFFFFF solid; background:url(images/transparentBlack.png) repeat top left; padding:10px 0px 0px 0px;}
#storyCafe_recentStories_story { border:1px #999999 solid; background:#FFFFFF; padding:10px; margin:5px 20px; cursor:pointer;}
#storyCafe_recentStories_story table { width:100%;}
#storyCafe_recentStories_story table tr td.left { width:31px; padding:0px; vertical-align:top;}
#storyCafe_recentStories_story table tr td.right { padding:0px 10px; text-align:center; vertical-align:top;}
#storyCafe_recentStories_storyInfo { border-top:1px #F4F4F4 solid; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding:5px 20px; margin-top:5px;}
#storyCafe_recentStories_summary { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding:0px 20px; margin-top:5px;}
#storyCafe_recentStories_title { background:url(images/recentStoriesDivider.png) no-repeat top center; height:56px; width:100%; position:absolute; top:0px; z-index:200;}

#storyCafe_socialSection { width:1100px; padding:20px 0px; margin:0px auto;}

#storyCafe_stageFloor { background:url(images/stageFloor.png) repeat top center; width:100%; height:86px; position:absolute; top:73px; z-index:90}
#storyCafe_stageFront { background:#322412; height:158px; position:relative;}
#storyCafe_stageSteps { background:transparent url(images/stageFront.png) no-repeat top center; width:900px; height:120px; margin:0px auto;}
#storyCafe_stageSteps_box { width:100%; position:absolute; top:0px; z-index:100}

#storyCafe_events { margin:20px 5px 20px 5px;}
#storyCafe_events_bottom1, #storyCafe_events_top1 { background:url(images/transparentWhite_70.png) repeat top left; height:1px; margin:0px 4px; }
#storyCafe_events_bottom2, #storyCafe_events_top2 { background:url(images/transparentWhite_70.png) repeat top left; height:1px; margin:0px 2px; }
#storyCafe_events_bottom3, #storyCafe_events_top3 { background:url(images/transparentWhite_70.png) repeat top left; height:2px; margin:0px 1px; }
#storyCafe_events_content { background:url(images/transparentWhite_70.png) repeat top left; margin:0px; padding:10px 20px; }
#storyCafe_events_content table { width:100%;}
#storyCafe_events_content table tr td.cats { width:50%; padding-top:10px;}
#storyCafe_events_content table tr td ul { margin:0px 0px; padding:0px;}
#storyCafe_events_content table tr td ul li { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; margin:5px 0px; list-style:none;}
#storyCafe_events_content table tr td ul li:hover { background:url(images/transparentWhite_70.png) repeat top left;}
#storyCafe_events_content table tr td ul li a { color:#000000; width:100%; display:block; text-decoration:none;}
#storyCafe_events_content table tr td ul li a:hover { text-decoration:underline;}

#storyCafe_storyCats { margin:0px 5px 20px 5px;}
#storyCafe_storyCats_bottom1, #storyCafe_storyCats_top1 { background:url(images/transparentWhite_70.png) repeat top left; height:1px; margin:0px 4px; }
#storyCafe_storyCats_bottom2, #storyCafe_storyCats_top2 { background:url(images/transparentWhite_70.png) repeat top left; height:1px; margin:0px 2px; }
#storyCafe_storyCats_bottom3, #storyCafe_storyCats_top3 { background:url(images/transparentWhite_70.png) repeat top left; height:2px; margin:0px 1px; }
#storyCafe_storyCats_content { background:url(images/transparentWhite_70.png) repeat top left; margin:0px; padding:10px 20px; }
#storyCafe_storyCats_content table { width:100%;}
#storyCafe_storyCats_content table tr td.cats { width:50%; padding-top:10px;}
#storyCafe_storyCats_content table tr td ul { margin:0px 0px; padding:0px;}
#storyCafe_storyCats_content table tr td ul li { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; margin:5px 0px; list-style:none;}
#storyCafe_storyCats_content table tr td ul li:hover { background:url(images/transparentWhite_70.png) repeat top left;}
#storyCafe_storyCats_content table tr td ul li a { color:#000000; width:100%; display:block; text-decoration:none;}
#storyCafe_storyCats_content table tr td ul li a:hover { text-decoration:underline;}

#storyCafe_storySearch { margin:40px 5px 20px 5px;}
#storyCafe_storySearch_bottom1, #storyCafe_storySearch_top1 { background:url(images/transparentWhite_70.png) repeat top left; height:1px; margin:0px 4px; }
#storyCafe_storySearch_bottom2, #storyCafe_storySearch_top2 { background:url(images/transparentWhite_70.png) repeat top left; height:1px; margin:0px 2px; }
#storyCafe_storySearch_bottom3, #storyCafe_storySearch_top3 { background:url(images/transparentWhite_70.png) repeat top left; height:2px; margin:0px 1px; }
#storyCafe_storySearch_content { background:url(images/transparentWhite_70.png) repeat top left; margin:0px; padding:10px 20px; }
#storyCafe_storySearch_content input { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#storyCafe_storySearch_content table { width:100%;}
#storyCafe_storySearch_content table tr td.cats { width:50%; padding-top:10px;}
#storyCafe_storySearch_content table tr td ul { margin:0px 0px; padding:0px;}
#storyCafe_storySearch_content table tr td ul li { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; margin:5px 0px; list-style:none;}
#storyCafe_storySearch_content table tr td ul li:hover { background:url(images/transparentWhite_70.png) repeat top left;}
#storyCafe_storySearch_content table tr td ul li a { color:#000000; width:100%; display:block; text-decoration:none;}
#storyCafe_storySearch_content table tr td ul li a:hover { text-decoration:underline;}

#stsMantle { background:url(images/STSBalloonLogo.png) no-repeat bottom center; width:387px; height:225px; margin:5px auto 0px -185.5px; position:absolute; top:0px; left:50%; z-index:5001; cursor:pointer;}
#stsMarquee { width:500px; margin:0px auto; position:relative; z-index:90;}
#stsMarquee_box { width:100%; position:absolute; top:180px; z-index:90;}

#userAuth_tag { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000000; float:right; margin:7px 20px;}

#writeStory { padding:20px; clear:both;}
#writeStory_byLine { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#999999; padding:0px 0px 0px 9px; margin:5px 0px;}
#writeStory_close { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; padding:5px; margin:40px 20px 0px 0px; cursor:pointer; float:right;}
#writeStory_close:hover { color:#FF6666;}
#writeStory_saveBox { font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:5px; margin:40px 20px 0px 20px; float:left;}
#writeStory_saveBox.saved { color:#CCCCCC;}
#writeStory_saveBox.unsaved { color:#FF9999;}
#writeStory_storyBy { text-align:center;}
#writeStory_toolBar { border:3px #666666 solid; border-top:none; background:url(images/cloudScape_back.png) repeat-x bottom left; font-family:Georgia, "Times New Roman", Times, serif; color:#000000; width:700px; padding:190px 0px 20px 0px; margin:0px auto; text-align:center;}
#writeStory input.touched, #writeStory textarea.touched { border:3px #CCCCCC solid; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#333333; width:744px; padding:5px; }
#writeStory input.untouched, #writeStory textarea.untouched { border:3px #CCCCCC dashed; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#999999; width:744px; padding:5px; }
#writeStory input.untouched:hover, #writeStory textarea.untouched:hover { border:3px #DEDEDE dashed;}
#writeStory textarea.touched, #writeStory textarea.untouched { height:500px;}

#writeStory_paper { background:transparent; width:809px; padding:0px; margin:30px auto 50px auto; position:relative; z-index:100;}
#writeStory_paper_b { background:url(images/oldPaper_bottom.png) no-repeat bottom left; width:800px; height:50px; margin:0px; position:relative; z-index:100;}
#writeStory_paper_m { background:url(images/oldPaper_content.png) repeat-y top left; width:800px; min-height:600px; margin:0px; padding:0px 4.5px; position:relative; z-index:100;}
#writeStory_paper_t { background:url(images/oldPaper_top.png) no-repeat top left; width:800px; height:80px; margin:0px; position:relative; z-index:100;}

#writeStory_postit { position:absolute; top:120px; left:50px; z-index:101;}

/* test */

#slider { width:500px; margin: 200px auto 0px auto; position: relative; z-index:2000;}
.scroll { height: 370px; overflow: auto; position: relative; clear: left;}
.scrollContainer div.panel { padding: 20px 0px;  height: 330px; width: 500px;}
.scrollButtons { position: absolute; top: 155px; cursor: pointer; }
.scrollButtons.left { left: -120px; }
.scrollButtons.right { right: -120px; }