html { overflow: hidden;}
body { font-family: sans-serif; margin: 0px; padding: 0px; background-color: #fff; background-repeat: repeat-x; background-image: url(images/top_bar_no_shadow.png);}
.prettyFont { font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, sans-serif;}
img.favicon { width: 16px; height: 16px; margin-right: 4px;}
.hidden { display: none;}
.toggledOn { display: auto;}
.toggledOff { display: none;}
.fakeLink, .fakeIconLink, .iconLink { color: #00f; text-decoration: underline; cursor: pointer;}
.fakeIconLink, .iconLink { height: 18px; padding-left: 19px; background-repeat: no-repeat;}
.clearBoth { clear: both;}
.pointy { cursor: pointer;}
form { padding: 0px; margin: 0px;}
.formLabel { font-weight: normal; margin-top: 8px; font-size: 9pt;}
input, select { font-weight: normal;}
select { color: #00a;}
input.short, input.medium, input.long, .sidebarInput, textarea.long { border: 1px solid #999; color: #00a; background-color: #f8f8f8;}
.sidebarInput { width: 180px; padding: 1px;}
.sidebarInputButton { width: 32px;}
.short { width: 170px;}
.medium { width: 240px;}
.long { width: 300px;}
textarea { font-size: 100%;}
input.focus, textarea.focus { background-color: #fff; border: 1px solid #555;}
div#sidebar div.fakeSelect { position: relative; width: 182px; font-weight: normal; border: 1px solid #666; color: #00a; background-color: #fff; background-image: url(images/arrow_select_down.gif); background-position: top right; background-repeat: no-repeat; cursor: default;}
div#sidebar div.fakeSelectOptions { display: none; position: absolute; width: 182px; left: -1px; border: 1px solid #000; background-color: #fff;}
div#sidebar div.fakeSelectOptions div.fakeSelectOptionsTitle { font-weight: bold; padding: 2px; margin: 6px 0px 4px 0px; color: #000; font-size: 90%; border-bottom: 1px dotted #3b3c81;}
div.fakeSelectOption { padding: 3px 1px 3px 20px; background-repeat: no-repeat; background-position: 1px 3px;}
div.fakeSelectOptionHighlight { color: #000; background-color: #ddf;}
div#loading { display: none; position: absolute; text-align: center; width: 100%; top: 280px;; right: 0px; z-index: 1;}
div#loadingInner { text-align: left; background-image: url(images/bouncybouncy.gif); background-repeat: no-repeat; padding: 25px 0px 0px 32px; width: 230px; height: 88px;}
div#loadingTitle { font-size: 20pt; color: #7d81d7; font-family: 'Arial Black', Arial; font-weight: bold; letter-spacing: -2px;}
div#loadingSubtitle, div#loadingCancel { color: #888; padding-left: 40px; font-size: 10pt;}
div#topBar { position: relative; width: 100%; height: 71px; background-image: url(images/top_bar.png); background-repeat: repeat-x; z-index: 10;}
div#bounceLogo { float: left; background-image: url(images/bounce.png); width: 207px; height: 75px;}
div#shadowFiller { position: absolute; top: 58px; right: 0px; width: 17px; height: 9px; background-image: url(images/shadow_filler.gif); background-repeat: no-repeat;}
div#topBarButtons { position: absolute; top:0px; right: 0px; height: 68px; width: auto; padding: 3px 25px 0px 0px;}
div.topBarButton { float: right; margin-left: 10px; width: 79px; height: 55px; background-repeat: no-repeat; cursor: pointer;}
div.slidingMenu { position: absolute; top: -5000px; right: 0px; z-index: 9; background-color: #bbeeff;}
div.slidingMenuInner { background-image: url(images/menu_title.png); background-repeat: no-repeat; background-position: top right; font-size: 82%; padding: 8px; border: 4px solid #1c8cdd;}
div.slidingMenuTitle { margin: 18px 20px 0px -4px; font-size: 16pt; letter-spacing: -1px;}
div.slidingMenuRow { position: relative; margin-top: 10px;}
div.slidingMenuRowText { font-weight: normal; border-bottom: 1px solid #aaa; padding-bottom: 10px;}
div.slidingMenuOptions { font-size: 95%; line-height: 1.5em; padding: 10px 5px 5px 5px; border-top: 1px solid #99f;}
div.slidingMenu a:link, div.slidingMenu a:active, div.slidingMenu a:visited { color: #00f;}
div.slidingMenu fieldset { font-weight: normal; border: 1px solid #99f; line-height: 1.6em; padding: 0px 0px 8px 0px;}
div.slidingMenu fieldset a, div.slidingMenu fieldset .fakeLink { margin-left: 10px;}
legend { color: #000; font-weight: bold;}
div#menuError { position: absolute; background-color: #bbeeff; background-image: url(images/pointer.png); background-position: top right; background-repeat: no-repeat; width: 200px; margin-left: -208px; font-weight: normal; z-index: 10;}
div#menuErrorInner { padding: 8px; border: 4px solid #3eaeff; border-right: none;}
div#sidebar { position: absolute; top: 0px; left: 2px; width: 260px; height: 900px; overflow: hidden; z-index: 1;}
div.sidebarSide { display: none; position: absolute; width: 10px; height: 800px; border: 3px solid #000; font-size: 80%;}
div.sidebarSideInner, div.sisterInner { padding: 0px 3px 0px 3px;}
div.sidebarTitle { clear: both; height: 1.2em; margin: 80px 0px 0px 0px; padding: 3px 5px 3px 5px; font-size: 16pt; letter-spacing: -1px; background-color: #fff; border-top: 2px solid #fff; border-bottom: 2px solid #aaa; background-image: url(images/sidebar_title_reflect.png); background-repeat: no-repeat;}
div.sister div.sidebarTitle { margin-top: 8px; padding-top: 1px; font-size: 135%;}
div.sister div.sidebarTitle img.favicon { margin: 1px 8px 0px 0px;}
div.sidebarLinks { margin: 4px 0px 0px 0px; height: 20px;}
div.sidebarLeft { float: left; background-image: url(images/arrow_sidebar_left.gif); background-repeat: no-repeat; background-position: bottom left; padding-left: 12px;}
div.sidebarRight { float: right; background-image: url(images/arrow_sidebar_right.gif); background-repeat: no-repeat; background-position: bottom right; padding-right: 12px;}
div.sidebarLinks div.center { text-align: center;}
div.sidebarSide div.row, div.sister div.row { clear: both; cursor: pointer; color: #111; padding: 5px 19px 5px 19px; background-repeat: no-repeat; background-position: top right;}
div.rowOptions { display: none; font-size: 90%; margin: 5px 0px 3px -14px; padding-left: 20px;}
div.rowOptions a:link, div.rowOptions a:visited { color: #00f;}
div.rowOptions a:hover { background-color: #fff;}
div.groupButton { margin: 14px 0px 12px 0px;}
div.buttonWithNew { background-image: url(images/new.gif);}
div.sister { display: none; position: absolute; border: 3px solid #000; font-size: 80%; background-color: #fff; top: 145px; left: 8px; width: 210px; height: 1000px; z-index: 2;}
div.sidebarSection { margin-top: 12px;}
div.sidebarSide fieldset { font-weight: normal; font-size: 90%; border: 1px solid #99f; line-height: 1.1em; padding: 0px 0px 4px 0px;}
div.sidebarSide fieldset a, div.sidebarSide fieldset .fakeLink, div.sidebarSide fieldset input { margin-left: 10px;}
div.sidebarOptions { font-weight: normal; margin-left: 6px;}
div#sidebar-myStuff div.sidebarSubtitle { background-image: url(images/sidebar_subtitle_mystuff.png);}
div#sidebar-myStuff, div#sister-myStuff { background-color: #f8cd66; border-color: #ad8f47;}
div#sidebar-myStuff div.sidebarTitle, div#sister-myStuff div.sidebarTitle { background-color: #ffe4a3; border-bottom-color: #bda15d;}
div#sidebarText-myStuff { clear: both; padding-top: 10px;}
div#myStuffAdd { margin-top: 12px; text-align: center;}
span#myStuffAddInner { background-image: url(images/icon_add_mystuff_16.gif); color: #00f; text-decoration: underline; cursor: pointer; padding: 0px 0px 1px 17px; background-repeat: no-repeat; background-position: 0px 2px;}
div#myStuffList div.row, div#myStuffSisterList div.row { border-top: 1px solid #f0a900;}
div#myStuffList div.rowMouseOver, div#myStuffSisterList div.rowMouseOver { background-color: #fbe09f;}
div#myStuffList div.activeRow, div#myStuffSisterList div.activeRow { background-color: #fbf1bd;}
div.sidebarAdvancedLink { text-align: center; font-size: 85%;}
div#sidebar-shared div.sidebarSubtitle { background-image: url(images/sidebar_subtitle_shared.png);}
div#sidebar-shared { background-color: #5befad; border-color: #3fa779;}
div#sidebar-shared div.sidebarTitle { background-color: #cdfae6; border-bottom-color: #4fbd8a;}
div#sidebarSharedBody { clear: both; padding-top: 10px;}
div#sidebar-search { background-color: #e29bff; border-color: #9e6cb2;}
div#sidebar-search div.sidebarTitle { background-color: #f6e1ff; border-bottom-color: #ac81bd;}
div#sidebar-search div.sidebarSubtitle { background-image: url(images/sidebar_subtitle_search.png);}
div#sidebarSearchForm { clear: both; font-weight: bold;}
div#sidebar-search fieldset { border: 1px solid #ce55ff;}
div.sidebarText { margin: 6px; line-height: 1.3em; font-style: italic;}
div#myStuffList, div#searchResultsList, div#sharedResultsList, div.sisterBarList { font-size: 95%; overflow: auto; margin-top: 15px;}
div.sidebarSubtitle { font-weight: bold; margin: 0px 0px 8px -3px; background-repeat: no-repeat; padding: 4px;}
div#myStuffList img.favicon, div#searchResultsList img.favicon, div#sharedResultsList img.favicon, div.sisterBarList img.favicon { float: left; margin-left: -16px;}
div#viewer { position: absolute; top: 59px; left: 225px; overflow: hidden; z-index: 2;}
img.viewerIcon { float: left; margin: 3px 10px 4px 2px;}
div#splash { display: none; position: absolute; text-align: center; xpadding: 40px; padding: 50px 0px 50px 0px; background-image: url(images/bg_splash.jpg); background-position: center center; background-repeat: no-repeat; xheight: 260px; width: 100%; top: 25%;}
div#splashTitle { font-size: 28pt;}
div#splashText { font-size: 14pt; margin-top: 20px;}
iframe#viewerContent { display: none; border: none;}
div.sharedViewer div.feedEntryBody img { width: 90px; height: auto;}
