@CHARSET "ISO-8859-1"; .dijitDialog { position: absolute; z-index: 999; padding: 1px; } .dijitDialogUnderlayWrapper { position: absolute; left: 0; top: 0; z-index: 998; display: none; background: transparent; } .dijitDialogUnderlay { background: #000; opacity: 0.5; /*0.5*/ } .dj_ie .dijitDialogUnderlay { filter: alpha(opacity=50); } /* images off, high-contrast mode styles */ .dijit_a11y .dijitInputLayoutContainer, .dijit_a11y .dijitDialog { opacity: 1 !important; background-color: white !important; } .dijitDialog .closeText { display:none; /* for the onhover border in high contrast on IE: */ position:absolute; } /* Dialog */ .tundra .dijitDialog { background: #fff; border: 1px solid #7eabcd; -webkit-box-shadow: 0px 5px 10px #adadad; padding: 0px; } .tundra .dijitDialog .dijitDialogTitle { border-top: none; border-left: none; border-right: none; } .tundra .dijitDialog .dijitDialogPaneContent { background: #fff; border:none; border-top: 1px solid #d3d3d3; /* #cddde9; /* w/out this, an

on the top line causes a gap between the .content and .label */ padding:10px; } .tundra .dijitDialogTitleBar { /* outer container for the titlebar of the dialog */ background: #fafafa url("../_scripts/dojo/dijit/themes/tundra/images/titleBar.png") repeat-x top left; /* border: 1px solid #bfbfbf; */ padding: 5px 6px 3px 2px; cursor: move; outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */ } .tundra .dijitDialogTitle { /* typography and styling of the dialog title */ font-weight: bold; padding: 8px 12px 8px 12px; outline:0; } .tundra .dijitDialogCloseIcon { /* the default close icon for the dialog */ background : url("../_scripts/dojo/dijit/themes/tundra/images/spriteRoundedIconsSmall.png") no-repeat right top; float: right; position: absolute; vertical-align: middle; right: 6px; top: 4px; height: 15px; width: 15px; cursor: pointer; } .dj_ie6 .tundra .dijitDialogCloseIcon { background : url("../_scripts/dojo/dijit/themes/tundra/images/spriteRoundedIconsSmall.gif") no-repeat right top; } .tundra .dijitDialogContent { /* the body of the dialog */ padding: 8px; } /* Tooltip and TooltipDialog */ .tundra .dijitTooltip, .tundra .dijitTooltipDialog { /* the outermost dom node, holding the connector and container */ /* opacity: 0.95; */ background: transparent; /* make the area on the sides of the arrow transparent */ } .dijitTooltipBelow { /* leave room for arrow above content */ padding-top: 13px; } .dijitTooltipAbove { /* leave room for arrow below content */ padding-bottom: 13px; } .tundra .dijitTooltipContainer { /* The part with the text. */ background: #ffffff url("../_scripts/dojo/dijit/themes/tundra/images/popupMenuBg.gif") repeat-x bottom left; border:1px solid #7eabcd; padding:0.45em; -webkit-border-radius: 6px; } .tundra .dijitTooltipConnector { /* the arrow piece */ border:0px; z-index: 2; } .tundra .dijitTooltipABRight .dijitTooltipConnector { /* above or below tooltip, but the arrow appears on the right, and the right edges of target and tooltip are aligned rather than the left */ left: auto !important; right: 3px; } .tundra .dijitTooltipBelow .dijitTooltipConnector { /* the arrow piece for tooltips below an element */ top: 0px; left: 3px; background:url("../_scripts/dojo/dijit/themes/tundra/images/tooltipConnectorUp.png") no-repeat top left; width:16px; height:14px; } .dj_ie6 .tundra .dijitTooltipBelow .dijitTooltipConnector { background-image: url("../_scripts/dojo/dijit/themes/tundra/images/tooltipConnectorUp.gif"); } .tundra .dijitTooltipAbove .dijitTooltipConnector { /* the arrow piece for tooltips above an element */ bottom: 0px; left: 3px; background:url("../_scripts/dojo/dijit/themes/tundra/images/tooltipConnectorDown.png") no-repeat top left; width:16px; height:14px; } .dj_ie6 .tundra .dijitTooltipAbove .dijitTooltipConnector { background-image: url("../_scripts/dojo/dijit/themes/tundra/images/tooltipConnectorDown.gif"); bottom: -3px; } .tundra .dijitTooltipLeft { padding-right: 14px; } .dj_ie6 .tundra .dijitTooltipLeft { padding-left: 15px; } .tundra .dijitTooltipLeft .dijitTooltipConnector { /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ right: 0px; bottom: 7px; background:url("../_scripts/dojo/dijit/themes/tundra/images/tooltipConnectorRight.png") no-repeat top left; width:16px; height:14px; } .dj_ie6 .tundra .dijitTooltipLeft .dijitTooltipConnector { background-image: url("../_scripts/dojo/dijit/themes/tundra/images/tooltipConnectorRight.gif"); } .tundra .dijitTooltipRight { padding-left: 14px; } .tundra .dijitTooltipRight .dijitTooltipConnector { /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ left: 0px; bottom: 7px; background:url("../_scripts/dojo/dijit/themes/tundra/images/tooltipConnectorLeft.png") no-repeat top left; width:16px; height:14px; } .dj_ie6 .tundra .dijitTooltipRight .dijitTooltipConnector { background-image: url("../_scripts/dojo/dijit/themes/tundra/images/tooltipConnectorLeft.gif"); } .dj_safari .tundra .dijitPopup .dijitTooltipContainer, .dj_safari .tundra .dijitPopup .dijitMenu { /* -webkit-border-radius: 5px; */ -webkit-box-shadow: 0px 5px 10px #adadad; } /* * Control opacity off popups */ .tundra .dijitPopup > div, .tundra .dijitPopup > table { opacity: 0.95; } html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;} body { font-family:arial; font-size:13px; background-image:url("../_img/body_bg.jpg"); background-repeat:repeat-x; background-color:#fff;} body.splash { background:url("../_img/splash/bg.jpg") repeat-x; } .container_splash { width:800px; margin:0 auto; height:800px; } .pane_splash_header { width:800px; height:100px; } .pane_splash_body { width:800px; height:325px; } .pane_splash_footer { width:800px; height:auto;} a.buncho_logo { display:inline; float:left; margin-top:42px; background:url("../_img/splash/logo_buncholinks.jpg"); width:291px; height:39px;} .pane_splash_main_text { width:420px; height:325px; display:inline; float:left; } .pane_splash_build_bunch { width:380px; height:325px; display:inline; float:left; } .main_text_betterway { background-image:url("../_img/splash/main_text_betterway.jpg"); width:333px; height:84px; display:inline; float:left; margin-top:21px; margin-left:33px; } .main_text_makesiteasy { background-image:url("../_img/splash/main_text_makesiteasy.jpg"); width:333px; height:121px; display:inline; float:left; margin-top:0px; margin-left:33px; } .main_calltoaction { width:333px; height:55px; float:left; display:inline; background-color:#0a375c; margin-top:35px; margin-left:24px;} .main_login { display:inline; float:left; margin-left:14px; margin-top:14px; background-color:#1e61ad; background-image:url("../_img/splash/button_login_text.jpg"); background-repeat:no-repeat; background-position:43px 8px; width:137px; height:31px;} .main_register { display:inline; float:left; margin-left:30px; margin-top:14px; background-color:#1e61ad; background-image:url("../_img/splash/button_register_text.jpg"); background-repeat:no-repeat; background-position:33px 8px; width:137px; height:31px;} .pane_build_bunch { display:inline; float:left; margin-left:0px; margin-top:0px; background-color:#0e233f; width:360px; height:315px;} .textarea_build_bunch_bg { display:inline; float:left; margin-left:6px; margin-top:6px; background-image:url("../_img/splash/textarea_build_bunch_bg.jpg"); width:346px; height:256px; background-repeat:no-repeat;} .build_bunch { width:338px; height:248px; font-size:18px; display:inline; float:left; margin-left:4px; margin-top:4px;} .main_build_bunch { display:inline; float:left; background-image:url("../_img/splash/button_build_text.jpg"); background-repeat:no-repeat; background-position:15px 7px;background-color:#1e61ad; margin-left:115px; margin-top:12px; width:137px; height:31px;} .pane_why { display:inline; float:left; width:450px; height:auto; margin-left:25px; margin-top:20px; } .main_text_why { background-image:url("../_img/splash/main_text_why.jpg"); width:63px; height:23px;} .main_text_liveexamples { background-image:url("../_img/splash/main_text_liveexamples.jpg"); width:164px; height:23px;} .pane_featured { display:inline; float:left; width:200px; margin-left:10px; margin-top:20px; } .pane_why ul li, .pane_featured ul li { margin-bottom:10px; } .splash_loader { display:block; float:left; padding-left:32px; padding-top:16px; width:96px; height:16px; margin-left:115px; _margin-left:0px; margin-top:12px; background-image:url("../_img/splash/splash_loader.gif"); background-repeat:no-repeat; color:#fff;} .pane_anonymous { float:left; display:inline; margin-top:10px;} .pane_owned { float:left; display:inline; margin-left:10px; margin-top:10px;} .pane_anonymous h4, .pane_owned h4 { font-style:italic; font-size:12px;} .main_your_bunches { display:inline; float:left; margin-left:5px; margin-top:14px; background-color:#1e61ad; background-image:url("../_img/splash/button_your_bunches.jpg"); background-repeat:no-repeat; background-position:53px 8px; width:320px; height:31px;} .root { width:100%; height:auto; padding-bottom:20px; width:800px; margin:0 auto; } sup { font-size:9px;} .home_pane { padding-left:25px; padding-top:30px; background-image:url("../_img/main_pane_bg.jpg"); background-repeat:no-repeat; float:left; width:488px; height:600px; display:inline; margin-top:25px; margin-left:20px;} .home_pane h1 { font-family:arial; font-size:22px; font-weight:bold; color:#333; } .home_pane h2 { font-family:arial; font-size:14px; font-weight:bold; color:#333; padding-top:10px;} .home_pane p { margin-left:20px; margin-right:20px;} .home_side { float:left; display:inline; margin-top:30px; margin-left:5px; height:600px; width:200px;} .button_mybuncholinks { width:120px; height:36px; background-image:url("../_img/button_mybuncholinks.jpg"); } .to_clipboard a { font-size:10px; color:#eeee00; text-decoration:none;} .message_box { width:500px; height:auto; font-size:16px; padding:10px;background-color:#fafafa; display:none; min-height:70px; height:auto;} /*a.button_add_privatebunch { display:block; width:121px; height:49px; background-image:url("../_img/button_add_bunch_private.jpg"); }*/ a.button_add_privatebunch {background-image:url("../_img/splash/button_build_text.jpg"); background-repeat:no-repeat; background-position:15px 7px;background-color:#1e61ad; border:2px outset #039; display:block; height:31px; margin:0; width:137px;} a.button_add_privatebunch:hover {background-image:url("../_img/splash/button_build_text.jpg"); background-repeat:no-repeat; background-position:15px 7px;background-color:#1e61ad; border:2px outset #fff;display:block; height:31px; margin:0; width:137px;} a.button_newbunch { display:block; width:91px; height:29px; background-image:url("../_img/button_newbunch.jpg"); } a.button_newbunch:hover { background-image:url("../_img/button_newbunch_on.jpg");} .global_ajax_loader { display:none; background-image:url("../_img/ajax-loader.gif"); width:31px; height:31px; } .loader_save_link { display:none; overflow:hidden; background-image:url("../_img/loader_save.gif"); width:16px; height:16px; } .loader_add_link { display:none; overflow:hidden; float:right; background-image:url("../_img/loader_save.gif"); width:16px; height:16px; } .loader_add_many_link { display:none; overflow:hidden; float:left; background-image:url("../_img/loader_save.gif"); width:16px; height:16px; } .loader_add_comment { display:none; overflow:hidden; float:right; background-image:url("../_img/loader_save.gif"); width:16px; height:16px; } .lost_password_loader, .register_loader, .login_loader, .edit_account_loader, .modal_bunch_loader { display:none; overflow:hidden; background-image:url("../_img/loader_save.gif"); width:16px; height:16px; } .bunch_links_loader { display:none; overflow:hidden; height:16px; padding-left:20px; width:150px; background-repeat:no-repeat; background-image:url("../_img/loader_save.gif"); height:16px; } .create_bunch_loader { display:none; overflow:hidden; height:15px; padding-left:20px; width:91px; background:#ffffff url("../_img/loader_save.gif") no-repeat; background-position:center; color:#cdcdcd; padding-top:26px; } .tag_selector_loader { display:none; overflow:hidden; height:16px; width:16px; background-image:url("../_img/loader_save.gif"); height:16px; } .follow_loader { display:none; overflow:hidden; height:16px; width:16px; background-image:url("../_img/loader_save.gif"); height:16px; } .error_message { color:#ff0000; } .header { height:69px; background-color:#fff; /*background-image:url("../_img/header_bg.jpg");*/ width:100%;} .header_contents { margin:0 auto; width:505px; width:760px;} .main_logo { display:inline; float:left; margin-left:0px; margin-top:23px; height:34px; width:240px; background-image:url("../_img/main_logo.jpg"); } .header_message { background-image:url("../_img/header_message_bg.jpg"); width:374px; height:34px; float:left; display:inline; margin-left:12px; margin-top:9px;} .message_contents { padding:8px; padding-left:15px; font-size:15px; color:#333; } .sub_header { height:30px; /*background-image:url("../_img/subheader_bg.jpg");*/width:100%; } .sub_header ul { list-style:none; margin:0 auto; width:505px; width:795px; left:0px; position:relative; } .sub_header ul li { float:left; display:inline; margin-left:15px; margin-top:3px; height:26px; background-color:#181818; } .sub_header ul li a { display:block; font-family:arial,sans-serif; font-weight:normal; padding:6px; _padding:5px; padding-left:10px; padding-right:10px; text-decoration:none; color:#cdcdcd; font-size:14px; } .sub_header ul li a.current, .sub_header ul li a:hover { background-color:#d2d4db; color:#333;} .bunch_info { float:left; display:inline; margin-left:23px; height:25px; width:155px; color:#fff; background-color:#343434; } div.clear { clear:both; } /*public bunch styling*/ .main { min-height:640px; height:auto; width:100%; } .public_bunch_pane { margin:0 auto; width:505px; position:relative; left:20px; top:10px;} .public_bunch_pane_large { float:left; } .bunch_links_bg_pane { background-repeat:no-repeat; background-image:url("../_img/main_pane_bg.jpg"); width:513px; height:auto; top:10px;} .bunch_links_loadingpane { } .bunch_link_pane { height:35px; width:550px; margin-left:0px;} .bunch_link_pane_private { width:600px; } .bunch_link { height:35px; float:left; background-color:#363636; width:505px;} .bunch_link_private { width:600px;} .bunch_link_save { height:35px; width:155px; float:left; } .bunch_address { color:#e6e6e6; padding-left:20px; padding-top:10px; font-size:15px; } .bunch_links_pane { height:auto; min-height:300px; width:505px; background-color:#fff; margin-top:7px; margin-left:0px; } .bunch_links_content { padding-top:10px; margin-left:20px; width:485px; } .bunch_title { font-family:arial; font-size:22px; font-weight:bold; color:#333;} .bunch_description { font-family:arial; font-size:15px; line-height:18px; padding:10px; margin-bottom:10px; margin-top:5px; background-color:#EFEFEF;} .curr_bunch_input { color:#e6e6e6; padding-left:20px; padding-top:10px; font-size:15px; background-color:#363636; width:400px; border:none;} .bunch_single_link_pane { height:70px; margin-bottom:20px; border-bottom:solid 1px #cfcfcf;} .bunch_single_link_title { background-color:#fff; width:390px; /*position:relative;*/ top:1px; float:left; } .bunch_single_link_title .title { padding:0px; font-size:15px; width:370px; ; } .bunch_single_link_title .title a:link, .bunch_single_link_title .title a:visited { color:#000; text-decoration:underline; font-size:15px;} .bunch_single_link_title .title a:hover, .bunch_single_link_title .title a:active { color:#ee0000; text-decoration:none;} .bunch_single_link { background-color:#fff; height:30px; width:390px; float:left;} .bunch_single_link .link { padding:0px; padding-top:5px; font-size:12px; font-family:arial; color:#333;} .bunch_single_link .link a:link, .bunch_single_link .link a:visited {text-decoration:none;} .bunch_single_link .link a:hover, .bunch_single_link .link a:active {text-decoration:underline;} .link_options { width:90px; height:30px; float:left;} a.link_remove { display:block; overflow:hidden; float:left; background-image:url("../_img/button_delete.jpg"); width:26px; height:14px; } a.link_edit { display:block; overflow:hidden; float:left; background-image:url("../_img/button_edit.jpg"); width:26px; height:14px; } a.button_approve {display:block; overflow:hidden; float:left; background-image:url("../_img/button_approve.jpg"); width:51px; height:14px; } .bunch_single_link_editor { background-color:#fff; height:30px; width:420px; margin-top:15px; } .editlink_textbox { height:22px; font-size:14px; width:410px; border:solid 1px #ccc;} .bunch_single_link_editactions {height:28px; width:410px; } a.link_save { display:block; overflow:hidden; float:right; margin-right:10px; background-image:url("../_img/button_save.jpg"); width:26px; height:14px; } a.link_done { display:block; overflow:hidden; float:right; background-image:url("../_img/button_done.jpg"); width:48px; height:14px; } a.link_hide { display:block; overflow:hidden; float:right; background-image:url("../_img/button_hide.jpg"); width:26px; height:14px; } a.link_addlink_done { display:block; float:right; background-image:url("../_img/button_done.jpg"); width:48px; height:14px; } .bunch_single_add_pane { background-color:#ececec; height:30px; text-align:center;} .addlink_textbox { height:22px; font-size:14px; width:350px; border:solid 1px #ccc;} .add_link { display:block;float:right; } .add_links {display:block;float:right; margin-right:10px; } .edit_bunch { display:block;float:right; margin-right:10px; } .add_link_pane { width:100%; height:120px; background-color:#fdfdfd; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; } .add_link_row { width:450px; height:40px; padding-left:8px; padding-top:8px;} .add_link_label { float:left; width:75px; height:30px; text-align:right; padding-right:5px;} .add_link_field { float:left; width:340px; height:30px;} .add_link_button { display:block; overflow:hidden; float:right; background-image:url("../_img/button_add.jpg"); width:48px; height:14px; } .add_links_button { display:block; overflow:hidden; background-image:url("../_img/button_add_links.jpg"); width:51px; height:14px; } /*.bunch_link_tools_pane { height:30px; top:20px; margin-bottom:10px; padding-right:5px;}*/ .bunch_link_tools_pane { width:505px; margin-left:0px; background-color:#fff; height:40px;} .bunch_link_tools_pane_private { width:600px;} .bunch_add_link_pane { width:505px; margin-left:0px; background-color:#fff; height:auto;} .bunch_add_link_pane_private { width:600px;} .button_back { display:inline; float:left; width:29px; height:29px; background-image:url("../_img/button_back.jpg"); } .button_add_link { display:inline; width:75px; height:29px; float:left; margin-left:10px; margin-top:5px; background-image:url("../_img/button_add_link.jpg");} .button_add_manylinks { display:inline; width:84px; height:29px; float:left; margin-left:5px; margin-top:5px; background-image:url("../_img/button_add_manylinks.jpg");} .button_edit_notifications { display:inline; width:97px; height:29px; float:left; margin-left:5px; margin-top:5px; background-image:url("../_img/button_edit_notifications.jpg");} .button_edit_settings { display:inline; width:68px; height:29px; float:left; margin-left:5px; margin-top:5px; background-image:url("../_img/button_edit_settings.jpg");} .button_delete_bunch { display:inline; width:66px; height:29px; float:right; margin-left:5px; margin-top:5px; background-image:url("../_img/button_delete_bunch.jpg");} .button_send_to_friends { display:inline; width:71px; height:29px; float:left; margin-left:5px; margin-top:5px; background-image:url("../_img/button_send_to_friends.jpg");} .button_getwidget { display:inline; width:71px; height:29px; float:left; margin-left:5px; margin-top:5px; background-image:url("../_img/button_getwidget.jpg");} .button_contribute_link { display:inline; width:83px; height:29px; float:left; margin-left:10px; margin-top:5px; background-image:url("../_img/button_contribute_link.jpg");} .button_notify { display:inline; width:26px; height:29px; float:left; margin-left:5px; margin-top:5px; background-image:url("../_img/button_notify.jpg");} /*.button_site_viewer { width:18px; height:18px; display:inline; background-image:url("../_img/button_site_viewer.jpg");}*/ a.button_new_bunch { display:block; width:96px; height:29px; background-image:url("../_img/new_bunch_off.jpg");} a.button_new_bunch:hover { background-image:url("../_img/new_bunch_on.jpg");} .add_comment_pane { width:100%; height:120px; background-color:#fdfdfd; border-bottom:solid 1px #ccc; } .add_comment_row { width:450px; height:40px; padding-left:8px; padding-top:8px;} .add_comment_label { float:left; width:75px; height:30px; text-align:right; padding-right:5px;} .add_comment_field { float:left; width:340px; height:30px;} .add_comment_button { display:block; float:right; background-image:url("../_img/button_add.jpg"); width:48px; height:14px; } .add_comment_textbox { height:22px; font-size:14px; width:350px; border:solid 1px #ccc;} .add_comment_options { width:60px; height:60px; float:left; } a.link_comment { display:block; overflow:hidden; float:left; background-image:url("../_img/button_comment.jpg"); width:52px; height:14px; } a.comment_bubble { display:block; text-decoration:none; color:#fff; text-align:center; float:left; background-image:url("../_img/comment_bubble_off.jpg"); width:41px; height:25px; padding-top:5px; } a.comment_bubble:hover { background-image:url("../_img/comment_bubble.jpg");} a.sendtofriend { display:block; width:96px; height:29px; background-image:url("../_img/sendtofriend_off.jpg"); float:left;} a.sendtofriend:hover { background-image:url("../_img/sendtofriend.jpg");} /*end of public bunch styling*/ /* private bunch styling */ .private_bunch_links_bg_pane { background-repeat:no-repeat; width:600px; height:auto; top:10px;} .private_bunch_links_pane { height:auto; min-height:300px; width:600px; background-color:#fff; top:0px;left:0px; } .private_bunch_pane { margin:0 auto; width:900px; position:relative; left:20px; top:10px;} .private_bunch_link_pane { float:left; } .private_bunch_links_loadingpane {} .private_bunch_links_content { position:relative; top:20px; left:20px; width:580px; } .private_tags { width:100%; height:auto; } a.private_tag, a.selected_tag { display:inline; color:#333; padding:3px; background-color:#eee; float:left; margin-right:5px; margin-bottom:5px; font-family:arial; font-size:14px; height:20px; text-decoration:none;} a.selected_tag { color:#fefefe; background-color:#555; } a.private_tag:hover { background-color:#555; color:#fefefe;} .bunch_label_header { font-size:14px; font-weight:normal; text-decoration:underline;} a.private_mini_tag { display:inline; color:#333; padding:3px; background-color:#efefef; float:left; margin-right:5px; margin-bottom:2px; margin-top:2px; font-family:arial; font-size:11px; height:15px; text-decoration:none;} /*main typography styling - adopted from blueprint.css*/ /* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */ /* Headings-------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; } h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 2em; margin-bottom: 0.75em; font-family:arial bold;} h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } h4 { font-size: 1.05em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } /*Lists-------------------------------------------------------------- */ li ul, li ol { margin:0 1.5em; } ul, ol { margin: 0 1.5em 1.5em 1.5em; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} /*Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; width:100%;} th { font-weight: normal; font-family:arial; color:#000; font-size:13px; } th { padding: 7px 5px 5px 5px;border-bottom:solid 1px #ccc; font-size:14px; background-color:#fcfcfc;} td { padding: 7px 5px 5px 5px; border-bottom:solid 1px #efefef;} tr { } tr:hover { background-color:#fcfcfc; color:#000;} td { font-size:14px; } tr.even td { background: #E5ECF9; } tfoot { font-style: italic; } caption { background: #eee; } table a { color:#333;} table a:hover { color:#0000dd; text-decoration:none; } /* for bunch controls */ a.button_sendtofriends { width:121px; height:49px; display:block; background-image:url("../_img/button_sendtofriends.jpg");} .bunch_side { width:200px; height:auto; float:left; margin-left:5px; } .bunch_side ul { margin-left:0px;} .bunch_side li { width:200px; height:auto; margin-bottom:10px;} a.widget_button { width:121px; height:49px; display:block; background-image:url("../_img/button_widget_download.jpg");} a.new_public_bunch { width:111px; height:41px; display:block; background-image:url("../_img/button_newpublic_bunch.jpg");} a.new_bunch_button { display:block; width:116px; height:30px; background-image:url("../_img/new_bunch.jpg");} .main_pane { width:100%; height:auto; } .bunch_pane { width:200px; height:auto; float:left; } .bunchlink_pane { width:400px; height:auto; float:left; border:dotted 1px #ccc; } .bunch_side { } .bunch_side .owner_bunch_links li { width:180px; height:23px; padding-left:5px; padding-top:7px;} .bunch_side .owner_bunch_links li.owner_bunch_link { padding:0;margin:0; margin-bottom:1px; width:180px; height:30px; border:solid 1px #efefef;} .bunch_side .owner_bunch_links li.owner_bunch_link a { display:block; height:25px; width:170px; padding-left:10px; padding-top:5px; } .bunch_side .owner_bunch_links li.owner_bunch_link a:hover { background-color:#ededed; color:#333;} .bunch_side .owner_bunch_links li a {text-decoration:none; color:#000; } .bunch_side .owner_bunch_links li a:hover { color:#333; } .your_bunches, .bunch_share_pane { background-color:#fff; border-left:solid 1px #ccc; margin-bottom:5px; padding:10px; /*width:155px;*/ width:180px; } .your_bunches { width:180px; height:auto; margin-top:7px; } .bunch_tools { background-color:#fff; border-left:1px solid #ccc; margin-bottom:5px; padding:10px; width:155px; } .public_main_pane { margin:0 auto; margin-left:20px; margin-top:10px; } .bunch_pane ul { padding:0; margin:0; } .bunch_pane li { padding:0; margin:0; height:45px; width:200px;} .bunch_pane li a { display:block; position:relative; top:10px; left:15px; color:#333; text-decoration:none; font-family:arial; font-size:13px; } .bunch_pane li:hover { background-color:#e5e6eb;} .bunch_pane li { } .bunch_pane li a.bunch_tool { display:inline; color:#333; font-size:10px; } .bunchlink_pane ul { padding:0; margin:0; } .bunchlink_pane li { padding:5px; margin:0; height:40px; background-color:#474747; color:#fff; text-decoration:none; font-family:"Tahoma"; font-size:13px; color:#fefefe; width:400px;} .bunchlink_pane li a { color:#fff;} .bunchlink_pane li:hover { background-color:#3f3f3f;} .bunchlink_pane li { border-bottom:solid 1px #fefefe; } .bunchlink_pane li.bunchlink_details { background-color:#969696; color:#fff; } .bunchlink_pane li.bunchlink_details .content { margin:10px;} .info_modal { width:550px; height:400px;} .editlink_modal { width:550px; padding: 15px 10px 10px 10px;} .editlink_form { width:100%; font-family:arial; font-size:18px; } .importlinks_modal { width:400px; height:300px; } .importlinks_modal_form { padding:0px;} .importlinks_modal_form { padding:10px;} .bunch_modal { width:550px; height:350px; } .bunch_form { width:100%; font-size:18px; } .login_modal { width:400px; height:200px; } .login_form { width:100%; font-size:18px; } .register_modal { width:500px; height:350px; } .register_form { width:100%; font-size:18px; } .edit_account_modal { width:500px; height:350px; } .edit_account_form { width:100%; font-size:18px; } .sendtofriend_modal { width:400px; padding: 15px 10px 10px 10px;} .sendtofriend_form { width:100%; font-size:12px; } .sendtofriend_form .sendtofriend_links { font-size:11px; } #widget_modal { width:400px; height:200px;} .site_viewer_modal { width:740px; height:500px;} /* Form */ .form_container { } .form_row { width:100%; height:40px;} .input { border:solid 1px #CCC; height:22px; font-size:15px;} .input_select { height:20px; font-size:12px;} .form_row .form_label { float:left; font-size:14px; text-align:right; width:33%; } .form_row .form_label label { } .form_row .form_field { float:left; height:40px; padding-left:15px; } .form_row .form_label_full { float:left; width:100%; } .form_hint { font-size:11px;} .form_row_auto { width:100%; height:auto; margin-bottom:10px;} .form_row_auto .form_label { float:left; height:auto; text-align:right; width:33%; } .form_row_auto .form_field { float:left; height:auto; padding-left:15px; } .form_feedback_message { font-size:12px; color:#ee0000; margin:0 auto; padding-bottom:10px;} .button_input { border:solid 1px #ccc; font-size:14px; background-color:#efefef; padding:5px;} .button_input:hover { cursor:pointer; background-color:#ccc;} /* extend dojo elements*/ .dijitDialogUnderlay { background: #222; opacity: 0.5; /*0.5*/ } .importlinks_modal_message { margin:5px 0 5px 0px; } .comments_modal { } .comments_modal_body { width:400px; height:300px; overflow:auto;} .comments_modal_body li { border-bottom:solid 1px #ccc; margin-bottom:10px; } .public_sendtofriend_modal { width:500px; height:450px; } .public_sendtofriend_form { width:100%; font-size:12px; } .public_sendtofriend_form .public_sendtofriend_links { font-size:11px; } .public_sendtofriend_message { padding-left:20px; padding-bottom:5px; color:#ee0000;} .public_sendtofriend_loader { display:none; background-image:url("../_img/loader_save.gif"); width:16px; height:16px; } .modal_form_loader, .public_sendtofriend_form_loader { display:none; background-image:url("../_img/loader_save.gif"); background-repeat:no-repeat; width:100px; padding-left:16px; height:16px; } .curr_comments { width:100%; height:auto; background-color:#EFEFEF; color:#333; } .curr_comment { width:450px; height:auto; padding-left:8px; padding-top:8px; border-bottom:solid 1px #ccc;} .curr_comment p.comment { padding:10px; line-height:16px; font-size:13px;} .curr_comment p.comment_author { padding-left:5px; color:#333; font-size:12px;} .curr_comment p.comment_footer { font-size:10px;} .curr_comment_loader { margin:0 auto; width:200px; height:20px; } .information_bar { margin:0 auto; position:relative; left:25px; top:0px; width:505px; height:75px; background-image:url("../_img/information_bg.jpg"); background-repeat:no-repeat; } .information_content { width:505px; height:75px; } .information_message { width:490px; height:60px; padding:10px; } .information_footer { margin:0 auto; width:505px; height:9px; left:25px; position:relative; } a.information_hide { display:block; width:93px; height:9px;margin:0 auto; background-image:url("../_img/information_hide.jpg"); } a.information_show { display:block; width:93px; height:9px;margin:0 auto; background-image:url("../_img/information_show.jpg"); } a.other_bunches_link { background-color:#EDEDED; color:#565656; display:block; height:20px; padding:5px; text-decoration:none; width:160px; border:solid 1px #dfdfdf;} a.other_bunches_link:hover {background-color:#FEFEFE; } a.user_bunches_link { background-color:#EFEFFE; color:#565656; display:block; padding:5px; text-decoration:none; width:160px; } a.user_bunches_link:hover {background-color:#FEFEFE; } /*browse*/ .browse_main { float:left; margin-left:20px; _margin-left:10px; margin-top:10px; } .browse_body_bg { height:auto; top:20px; } .browse_body { height:auto; min-height:300px;float:left; width:505px; background-color:#fff; top:7px;left:0px; border-left:solid 1px #ccc; } .browse_body_contents { position:relative; top:20px; left:20px; width:485px; } .browse_side { width:230px; border-left:solid 1px #ccc; padding:10px; height:auto; float:left; background-color:#fff; left:10px;top:7px; } .bunch_search_box { padding-bottom:10px; } .input_searchbox { border:solid 1px #CCC; height:22px; font-size:15px; padding:5px;} .input_searchbutton { background-color:#EFEFEF; border:1px solid #CCCCCC; font-size:14px; padding:5px; } .input_searchbutton:hover { cursor:pointer;} td.browse_pagination { padding:7px 4px 8px 3px; text-align:center; margin-top:4px; } td.browse_pagination a { padding:5px 8px; border-width:1px; background-color:#555; color:#fff; border-style:solid; text-decoration:none; margin:0 0 0 1px; } td.browse_pagination .current { padding:5px 8px; border:solid 1px #efefef; background-color:#fff; color:#333; margin:0 0 0 1px;} td.browse_pagination a:hover { border:solid 1px #efefef; background-color:#fff; color:#333; } /*users*/ .users_main { float:left; margin-left:20px; _margin-left:10px; margin-top:10px; } .users_body_bg { height:auto; top:20px; } .users_body { height:auto; min-height:300px;float:left; width:505px; background-color:#fff; top:7px;left:0px; border-left:solid 1px #ccc; } .users_body_contents { position:relative; top:20px; left:20px; width:485px; } .users_side { width:230px; border-left:solid 1px #ccc; padding:10px; height:auto; float:left; background-color:#fff; left:10px;top:7px; } .users_search_box { padding-bottom:10px; } .input_searchbox { border:solid 1px #CCC; height:22px; font-size:15px; padding:5px;} .input_searchbutton { background-color:#EFEFEF; border:1px solid #CCCCCC; font-size:14px; padding:5px; } td.users_pagination { padding:7px 4px 8px 3px; text-align:center; margin-top:4px; } td.users_pagination a { padding:5px 8px; border-width:1px; background-color:#555; color:#fff; border-style:solid; text-decoration:none; margin:0 0 0 1px; } td.users_pagination .current { padding:5px 8px; border:solid 1px #efefef; background-color:#fff; color:#333; margin:0 0 0 1px;} td.users_pagination a:hover { border:solid 1px #efefef; background-color:#fff; color:#333; } .user_labels { width:100%; height:auto; } a.user_label:hover { background-color:#555; color:#fefefe;} a.user_label { display:inline; color:#333; padding:3px; background-color:#eee; float:left; margin-right:5px; margin-bottom:5px; font-family:arial; font-size:14px; height:20px; text-decoration:none;} a.selected_user { color:#fefefe; background-color:#555; } a.button_follow_user { background-image:url("../_img/button_follow_text.jpg"); background-repeat:no-repeat; background-position:15px 7px;background-color:#1e61ad; border:2px outset #039; display:block; height:31px; margin:0; width:137px;} a.button_follow_user:hover { background-image:url("../_img/button_follow_text.jpg"); background-repeat:no-repeat; background-position:15px 7px;background-color:#1e61ad; border:2px outset #fff;display:block; height:31px; margin:0; width:137px;} .button_followed_user { background-image:url("../_img/button_followed_text.jpg"); background-repeat:no-repeat; background-position:15px 7px;background-color:#1e61ad; border:2px outset #039; display:block; height:31px; margin:0; width:137px;} a.button_stopfollow_user { background-image:url("../_img/button_stopfollow_text.jpg"); background-repeat:no-repeat; background-position:15px 7px;background-color:#1e61ad; border:2px outset #039; display:block; height:31px; margin:0; width:137px;} .browse_user_side { width:230px; padding:10px; height:auto; float:left; left:10px;top:7px; } form.standard_form fieldset { margin-bottom: 10px; font-size:15px; color:#333; } form.standard_form legend { padding: 0 2px; font-weight: bold; } form.standard_form label { display: inline-block; line-height: 1.8; vertical-align: top; font-weight:bold; } form.standard_form fieldset ol { margin: 0; padding: 0; } form.standard_form fieldset li { list-style: none; padding: 5px; margin: 0; } form.standard_form fieldset li.alt { background-color:#EDEDED; } form.standard_form fieldset li.emphasis { background-color:#363636; color:#fff; } form.standard_form fieldset li.single { text-align:center } form.standard_form fieldset fieldset { border: none; margin: 3px 0 0; } form.standard_form fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; } form.standard_form fieldset fieldset label { display: block; width: auto; } form.standard_form em { font-weight: bold; font-style: normal; color: #f00; } form.standard_form label { width: 150px; /* Width of labels */ } form.standard_form fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */ } .tundra .dijitDialogTitle { font-weight:normal; font-size:18px;} .footer { width:100%; height:30px; background-color:#333; color:#cdcdcd;} .footer ul { margin:0 auto; width:700px;} .footer ul li { float:left; padding-right:30px;} .footer ul li a { color:#cdcdcd;