@charset "UTF-8";
/** CSS RESET **/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1.2; color: black; background: #515151;}
ol, ul {list-style: none; list-style-type: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/** CLEARFIX **/
.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 { height: 1%; }
/** Body, Frame & high-level elements **/
body { background: url(/media/css/images/backgrounds/hphc_backgrounds_HOME.jpg) fixed bottom center no-repeat; font-family: verdana, Arial, sans-serif; font-size: 12px; color: white; text-align:center; padding: 0; margin: 0; background-color: #515151; }
#frame { width: 963px; margin-right: auto; margin-left: auto; padding: 0; text-align: left; }
a { color: #FF0000; font-weight: bold; text-decoration: none; }
label { color: #FFF; font-size: 14px; }
form { color: #FFF; }
input[type='button'], input[type='submit'] {
cursor: pointer;
}
/** added tmp by Pete **/
#container { margin: 0 auto; width: 962px; min-height:100%; }
#content-inner { width: 962px; margin: 0 auto; }
/* needed for some elements that IE6 bolds since it can't inherit */
.normal {font-weight:normal;}
/** Home Page Slider Selector **/
#homeSliderSelector {cursor:pointer; height: 32px; margin-top: 15px; /*background-image: url(/media/css/images/home/hp_storybar_tabs.png); background-position:left top; background-repeat: no-repeat; */ padding: 0; float: left; }
/* body > #homeSliderSelector { height: 34px; }*/
/* the 'selected' selectors must be more specfic than the container selector */
/* #homeSliderSelector.recent_selected { background-position: 0 -32px;}
#homeSliderSelector.rated_selected { background-position: 0 -64px;}
#homeSliderSelector.viewed_selected { background-position: 0 -96px;}
*/ /* the 'hover' selectors must trump all others (temporarily) */
/* #homeSliderSelector.recent_hover { background-position: 0 -32px !important;}
#homeSliderSelector.rated_hover { background-position: 0 -64px !important;}
#homeSliderSelector.viewed_hover { background-position: 0 -96px !important;}
*/
.homeSliderContainer { text-align:center; width: 963px; height: 210px; float: left; padding: 0; background: url(/media/css/images/home/storybar_hp.png) repeat-x; }
/*#homeSliderContainer-recent { display: none; }
.show_recent #homeSliderContainer-recent { display: block !important; }
.show_rated #homeSliderContainer-rated { display: block !important; }
.show_viewed #homeSliderContainer-viewed { display: block !important; }*/
.homeSliderLeft { float: left; width: 40px; height: 210px; margin-right: 8px; padding: 0; overflow: hidden; }
.homeSliderCenter {float: left; width: 870px; height: 210px; padding: 0; overflow: hidden; }
.homeSliderCenter ul { width: 870px; height: 210px; }
.homeSliderCenter li { display: inline; height: 174px; width: 131px; margin-right: 8px; margin-top: 15px; float: left; padding: 0; color: #FFF; }
.homeSliderRight { width: 40px; height: 210px; float: left; padding: 0; overflow: hidden; }
.homeSliderLeft a, .homeSliderRight a { display: block; padding-top: 88px; padding-left: 5px; }
.storybar_cell_title, .storybar_cell_desc, .storybar_cell_top { text-align: left !important; }
.storybar_cell_title { overflow: hidden; width: 106px !important;}
.storybar_cell_desc { margin: 5px; font-size: 12px; line-height: 14px; }
.storybar_cell_title { display: block; margin: 0 5px; }
.storybar_cell_desc .storybar_cell_title { margin: 0; }
a.storybar_cell_title {color:#fff;}
/* this evens the storybars out - kinda voodoo */
.storybar_cell_image, .storybar_cell_text {
height:174px !important;
overflow:hidden;
}
.storybar_cell_image .storybar_cell_top { height: 78px !important; padding: 7px 3px 4px; }
.storybar_cell_image .storybar_cell_bottom { height: 63px !important; padding:9px 7px 14px 0;}/* h 90px before pad */
.storybar_cell_text .storybar_cell_top { height: 122px !important; padding:12px 6px 6px; }/* h 142px before pad */
.storybar_cell_text .storybar_cell_bottom { height: 14px !important; padding: 9px 7px 11px 0; }/* h 32px before pad */
.storybar_cell_bottom img.rating {
padding-left: 5px;
}
.storybar_cell_bottom .story-preview-badge img.rating {
padding-left: 0;
}
/*.storybar_cell_top { text-align: left !important; }*/
.storybar_cell_text, .storybar_cell_image {
border: 0;
background:transparent url('/media/css/images/storybar/story_cell.png') top left repeat-x;
}
.storybar_cell_bottom { background-color: #3a3a3a; border-top: 1px solid #BBB; text-align: left;}
.storybar_cell_text .storybar_cell_bottom, .storybar_cell_image .storybar_cell_bottom {
border: 0;
background: url(/media/css/images/storybar/story_cell.png) transparent repeat-x;
}
.storybar_cell_img { width: 125px; height: 78px;/* margin: 3px 5px; */}
/** Header Styles **/
#header { width: 962px; height: 101px; background: url(/media/css/images/header/header.png) top left no-repeat; position: relative; }
#hphc_logo {position:absolute;left:745px;}
#hphc_logo a {display:block;width:216px;height:37px;}
/** Story styles **/
#storyLeft {
float: left;
width: 195px;
padding: 0;
margin-right: 5px;
}
#storyCenter {
float: left;
width: 419px;
padding: 0;
background-color: #000;
margin-right: 5px;
overflow-x:hidden;
}
#storyRight {
float: left;
width: 338px !important;
padding: 0;
overflow-x:hidden;
}
/** Profile View **/
#profile_nav_button_map:hover {
cursor: pointer;
}
/** Footer **/
#footer {clear: both; width: 100%; height: 25px; padding-top:6px; margin-top:15px; background-color:white;z-index: 100; text-align: center;}
#footer_text {width: 100%; text-align: center; color: #333; z-index:101;}
#footer_text span { height: 16px; }
#footer_text a {text-decoration: none; color: #F00; z-index:102; font-family: verdana, sans-serif; font-weight: normal;}
/* STATIC PAGES (FAQ ETC) */
.static_block { background:url(/media/css/images/backgrounds/static_bg.png) bottom repeat-x; }
.static_copy_container { padding: 20px; width: 600px; }
.static_copy_container p { margin-bottom: 10px; }
.static_copy_section { font-weight: bold; margin: 5px 0 5px; font-size: 1.2em; }
#faq_main_block { background:url(/media/css/images/backgrounds/faq_large_bg.png) bottom repeat-x; line-height: 120%; position: relative; }
#faq_main_block ul { margin-top: 10px; list-style-type:disc; margin-left: 15px; }
#faq_main_block li { margin-bottom: 10px; }
#faq_question_block { width: 500px; color: #fff; margin: 0 0 40px; float: left; font-family: verdana, sans serif; }
#faq_question_block p { margin-bottom: 10px; }
#faq_question_block .faq_q { font-weight: bold; padding-right: 6px; border: none; padding-bottom: 6px; }
#faq_question_block .faq_question_body { font-weight: bold; border: none; padding-bottom: 6px; }
#faq_question_block .faq_a { color: #cccccc; font-weight: bold; padding-right: 6px; border: none; }
#faq_question_block .faq_answer_body { color: #cccccc; border: none; }
.faq_subheader { font-family:frutiger,verdana,helvetica,arial,sans serif; margin: 20px 0 15px; font-size: 18px; }
.faq_question_top { padding: 8px 10px 16px 100px; background:url(/media/css/images/backgrounds/faq_tbl_bg.png) top repeat-x; }
.faq_question { padding: 12px 15px 20px 100px; background:url(/media/css/images/backgrounds/faq_tbl_bg.png) bottom repeat-x; }
#faq_troubleshooting_block { position: absolute; top: 0px; right: 0px; width: 452px; color: #fff; margin-left: 10px; } /* float: left; */
#faq_troubleshooting_block .troubleshoot_item { margin-bottom: 10px; }
#faq_troubleshooting { padding: 8px 10px 16px 10px; margin-bottom: 5px; min-height: 177px; position: relative; }
#faq_troubleshooting_contents { position: relative; z-index: 10; }
.faq_troubleshooting_upper_bg { background:url(/media/css/images/backgrounds/faq_tbl_bg.png) top repeat-x; position: absolute; top: 0; height: 50%; width: 100%; left: 0px; z-index: 1; }
.faq_troubleshooting_lower_bg { background:url(/media/css/images/backgrounds/faq_tbl_bg.png) bottom repeat-x; position: absolute; bottom: 0; height: 50%; width: 100%; left: 0px; z-index: 1; }
.faq_troubleshooting_toggler { display: none; padding: 8px 10px 16px 10px; }
#faq_policy { height: 177px; background:url(/media/css/images/backgrounds/faq_policy_bg.png) top repeat-x; padding: 8px 10px 16px 10px; }
.static_section { line-height: 120%; padding: 8px 10px 16px 10px; background:url(/media/css/images/profile/profile_bg.png) bottom repeat-x;}
.well_then_text { font-style: italic; }
.flag_link { position: relative; top: 2px; padding: 0 4px 0; }
#site_feedback_web_administrator { height: 114px; padding: 20px 0 5px 90px; color: #fff; background:url(/media/css/images/backgrounds/feedback_webadmin_bg.png) top repeat-x; }
#site_feedback_webadmin_photo { float: left; }
#site_feedback_webadmin_data { float: left; margin-left: 15px; width: 400px; }
#site_feedback_form { height: 268px; padding: 15px 0 0 90px; background:url(/media/css/images/backgrounds/feedback_form_bg.png) top repeat-x; }
.feedback_form_td { }
.feedback_form_copy_td { font-family: verdana, sans serif; font-size: 12px; vertical-align: top; padding: 0 10px 0 0; }
.feedback_form_element { background: #6c6c6c; display: block; border: none; }
.feedback_form_text { width: 200px; margin: 0 0 5px 5px; font-size:100%; font-family: verdana, sans serif;}
.feedback_form_textarea { margin: 0 0 0 5px; width: 500px; height: 100px; font-size:100%; font-family: verdana, sans serif;}
.feedback_form_textarea_row { padding: 15px 0 0 0; }
.feedback_form_button_td { text-align: right; }
.sitemap_section { padding: 10px; font-family: verdana, sans serif; color: #fff; background:url(/media/css/images/backgrounds/sitemap_bg.png) top repeat-x; line-height: 140%; }
.sitemap_main_section { height: 287px; }
.sitemap_horizontal_section { float: left; width: 150px; height: 267px; }
.sitemap_horizontal_border_section { border-left: 1px solid #000; padding: 0 0 0 20px; }
.sitemap_item { }
.sitemap_subitem { padding-left: 10px; font-size: .8em; }
#help_top { padding: 25px 10px 25px 20px; font-family:verdana,arial,helvetica,sans serif; height: 52px; max-height: 52px; overflow: hidden; color:#fffFFF; line-height: 120%;background:url(/media/css/images/backgrounds/help_top_bg.png) top repeat-x; }
.help_section { padding: 20px 10px 25px 90px; font-family:verdana,arial,helvetica,sans serif; color:#fffFFF; line-height: 120%; }
#help_section1 { height: 56px; max-height: 56px; overflow: hidden; background:url(/media/css/images/backgrounds/help_section1_bg.png) top repeat-x; }
#help_section2 { height: 103px; max-height: 103px; overflow: hidden; background:url(/media/css/images/backgrounds/help_section2_bg.png) top repeat-x; }
#help_section3 { height: 56px; max-height: 56px; overflow: hidden; background:url(/media/css/images/backgrounds/help_section3_bg.png) top repeat-x; margin-bottom: 50px; }
.help_section ul { margin-top: 8px; list-style-type:disc; margin-left: 25px; }
.help_section li { margin-bottom: 6px; }
.help_section p { margin-top: 8px; }
.help_section h2 { display: block; margin-bottom: 8px; font-family: frutiger,verdana,arial,helvetica,sans serif; font-weight: normal; }
.help_section h3 { font-family: frutiger,verdana,arial,helvetica,sans serif; font-weight: normal; }
.tu_underline { text-decoration: underline; }
.tu_em { font-weight: bold; }
.tu_ital { font-style: italic; }
.tu_footnote { font-size: .5em; vertical-align: top; }
.static_block ul { margin-top: 10px; list-style-type:disc; margin-left: 15px; }
.static_block li { margin-bottom: 10px; }
/** Pulled from shared.css **/
/* ###################### Shared CSS Styles #####################*/
/* Big Red Text */ h2 { color: #ea1110; font-size: 24px; }
/* regular white Text */ h3 { color: white; font-size:14px; display: inline; }
/* small gray Text */ h4 { color: #bbb; font-size:12px; display: inline; }
/* regular red Text */ h5 { color: #ea1110; font-size: 15px; display: inline; }
/*###################### Search Form #####################*/
#search { position: absolute; top: 6px; left: 100px; }
#search_form {}
#search_form input { font-size: 14px }
#search_text { background-color: #222; border: none; padding: 3px; width: 150px; }
#search_button { background: none; }
/* ###################### Header Non-nav links #####################*/
#links { position: absolute; top: 8px; left: 350px; font-size: 14px; }
#links a { color: #ccc; text-decoration: none; display: block; }
#links a:hover { color: #ff0000; }
/* ###################### Navigation Links #####################*/
#nav { width: 371px; height: 50px; background-image:url(/media/css/images/header/top-nav.png); background-position:left top; background-repeat: no-repeat; position: absolute; bottom: 0; right: 0; }
.exchange_selected { background-position: 0 -50px !important; }
.events_selected { background-position: 0 -100px !important; }
.gurus_selected { background-position: 0 -150px !important; }
/* ###################### Breadcrumb #####################*/
#breadcrumbs { width: 962px; height: 48px; }
.exchange_crumbs { background: url(/media/css/images/header/breadcrumbs.png) top left no-repeat; }
.events_crumbs { background: url(/media/css/images/header/breadcrumbs2.png) top left no-repeat; }
.gurus_crumbs { background: url(/media/css/images/header/breadcrumbs3.png) top left no-repeat; }
#breadcrumbs ul { width: 932px; position: relative; top: 15px; left: 15px; }
#breadcrumbs ul li { display: inline; font-size: 14px; margin-right: 5px; }
#breadcrumbs ul li a { color: #ff0000; text-decoration: none; }
#breadcrumbs ul li a:hover, #breadcrumbs ul li.selected a, #breadcrumbs ul li.selected, #breadcrumbs ul li { color: #fff; }
#breadcrumbs ul li a span { color: #fff; }
/* Exchange Overview: Tell a story, Make a plan buttons*/
#manifesto_buttons {float:left;width: 435px; height: 35px; background: url(/media/css/images/exchange/manifesto_buttons_bg.png) top left no-repeat; /*position: absolute;bottom: 0; right: 0;*/}
.tellastory_selected { background-position: 0 -35px !important;}
.makeaplan_selected { background-position: 0 -70px !important;}
/* Add a story, Tell a story buttons*/
/*#sharestory_makeplan { width: 338px; height: 41px; background-image:url(/media/css/images/buttons/tellastory_makeaplan_bg.png); background-position:left top; background-repeat:no-repeat; position: relative; margin-bottom: 5px; }
#sharestory_makeplan_buttons { width: 336px; height: 25px;line-height:0;background-image:url(images/buttons/shareanidea_makeaplan_buttons_bg.png); background-position:left top; background-repeat:no-repeat; position: absolute; bottom: 8px; left: 2px;overflow:hidden; }
.shareyourstory_selected { background-position: 0 -25px !important; }
.makeyourplan_selected { background-position: 0 -50px !important; }
#profile_nav { width:418px; height:45px; position:relative; }
#profile_nav_buttons { width:418px; height:45px; background:url(/media/css/images/profile/wall_tabs_bg.gif) top left no-repeat;
position:absolute; bottom:0; right:0; }
#profile_nav_button_map { z-index:1; position:absolute; }
#profilenavbuttons, #pnav1, #pnav2, #pnav3, #pnav4, #pnav5 { position:absolute; top:0; }
.pnav1_selected { background-position: 0 0px !important; }
.pnav2_selected { background-position: 0 -45px !important; }
.pnav3_selected { background-position: 0 -90px !important; }
.pnav4_selected { background-position: 0 -135px !important; }
.pnav5_selected { background-position: 0 -180px !important; }
#profile_nav_button_titles { z-index:0; }
#profile_nav_button_titles div.pnavtitle { color:white; }
#profile_nav_button_titles div.pnavtitle:hover { color:#ea1110; }
.pnavtitle1, .pnavtitle2, .pnavtitle3, .pnavtitle4, .pnavtitle5 { height:23px; position:absolute; color:#FFF; text-align:center; font-size:12px; line-height: 13px; }
.pnavtitle1.on, .pnavtitle2.on, .pnavtitle3.on, .pnavtitle4.on, .pnavtitle5.on { color:#ea1110 !important; }
.pnavtitle1 { width:82px; top:0; left:0;}
.pnavtitle1.recent { padding:9px 0 !important;}
.pnavtitle2 { width:82px; top:0; left:84px;}
.pnavtitle3 { width:95px; top:0; left:168px;}
.pnavtitle4 { width:87px; top:0; left:265px; padding:9px 0 !important;}
.pnavtitle5 { width:62px; top:0; right:0;}*/
/** Styles from styles.css **/
h2 { color:#ea1110; font-weight:bold; font-size:17px; }
.message { background:black; font-size:14px; padding:4px; color: #FFF; }
img { border: 0; }
h1.white { color:white; }
.bd { font-weight: bold; }
input.button { background-color:#333333; text-align: center; border-color:#CCCCCC #000000 #000000 #333333; color:#EA1110; font-size:14px; font-weight:bold; height:35px; margin:12px 0 0; text-decoration:none; width:58px; }
/*.shareThisButton { border-style: solid; border-width: 2px; border-color: #CCCCCC #000000 #000000 #888888; background-color: #333333; color:#EA1110; height: 23px; width: 58px; padding-top: 8px; margin: 12px 0 0; }*/
.buttonAligner { position: relative; width: 185px; height: 36px; }
.buttonWrapper { width: 192px; margin: 15px 0 0 0; }
.button { width: 96px; height: 36px; float: left; text-align: center; color:#EA1110; padding-top: 10px; }
.emailButton { background: url(/media/images/button_left.png) top left no-repeat; cursor: pointer; }
.shareButton { background: url(/media/images/button_right.png) top right no-repeat; }
.button3 { width: 63px; height: 36px; float: left; text-align: center; color:#EA1110; padding-top: 10px; }
.email3Button { background: url(/media/images/button_3_left.png) top left no-repeat; cursor: pointer; }
.share3Button { background: url(/media/images/button_3_middle.png) top left no-repeat; }
.flag3Button { background: url(/media/images/button_3_right.png) top left no-repeat; cursor: pointer; }
.shareRowLeft { position: absolute; left: 2px; }
.shareRowMiddle { position: absolute; left: 62px; }
.shareRowRight { position: absolute; right: 0px; }
#comment-box { background:#6C6C6C none repeat scroll 0 0; border:0 none; display:block; height:70px; padding:5px; width:300px; color:white; overflow:auto; }
/* Well Then... Logo */
#logo, #logo a {width: 70px; height: 70px; display: block; position: absolute; top: 6px; left: 7px;}
/* Search Form */
/* DUPE?
#search { position: absolute; top: 6px; left: 100px;}
#search_form {}
#search_form input { color: #ccc; font-size: 14px;}
#search_text { background-color: #222; border: none; padding: 3px; width: 150px;}
#search_button { background: none; }*/
/* Header Non-Nav Links */
#links {position: absolute; top: 7px; left: 350px;}
#links ul {}
#links ul li {display: inline; font-size: 14px; margin-right: 10px;}
#links ul li a {color: #ccc; text-decoration: none;}
#links ul li a:hover {color: #ff0000;}
/* Social Network Links */
#social { position:absolute; top:10px; left:637px;}
/* HPHC Logo */
#hphc-logo {}
/* Navigation Links */
#nav {width: 371px; height: 50px;background-image:url(/media/css/images/header/top-nav.png);background-position:left top;background-repeat: no-repeat; position: absolute; bottom: 0; right: 0;}
.exchange_selected {background-position: 0 -50px !important;}
.events_selected {background-position: 0 -100px !important;}
.gurus_selected {background-position: 0 -150px !important;}
#breadcrumbs {width: 962px; height: 48px;}
.exchange_crumbs {background: url(/media/css/images/header/breadcrumbs.png) top left no-repeat;}
.events_crumbs {background: url(/media/css/images/header/breadcrumbs2.png) top left no-repeat;}
.gurus_crumbs {background: url(/media/css/images/header/breadcrumbs3.png) top left no-repeat;}
#breadcrumbs ul {width: 932px; position: relative; top: 15px; left: 15px;}
#breadcrumbs ul li {display: inline; font-size: 14px; margin-right: 5px;}
#breadcrumbs ul li a {color: #ff0000; text-decoration: none;}
#breadcrumbs ul li a:hover, #breadcrumbs ul li.selected a, #breadcrumbs ul li.selected, #breadcrumbs ul li { color: #fff; }
#breadcrumbs ul li a span {color: #fff;}
/* Exchange Overview: Tell a story, Make a plan buttons*/
/* redundant #manifesto_buttons {width: 435px; height: 35px; background: url(/media/css/images/exchange/manifesto_buttons_bg.png) top left no-repeat; /*position: absolute;bottom: 0; right: 0;*/}*/
.tellastory_selected {background-position: 0 -35px !important;}
.makeaplan_selected {background-position: 0 -70px !important;}
/* Add a story, Tell a story buttons*/
#sharestory_makeplan {width: 338px; height: 41px; background-image:url(/media/css/images/buttons/tellastory_makeaplan_bg.png); background-position:left top; background-repeat:no-repeat; position: relative; margin-bottom: 5px;}
#sharestory_makeplan_buttons {width: 336px; height: 25px; background-image:url(images/buttons/shareanidea_makeaplan_buttons_bg.png);background-position:left top; background-repeat:no-repeat; position: absolute; bottom: 8px; left: 4px}
.shareyourstory_selected {background-position: 0 -25px}
.makeyourplan_selected {background-position: 0 -50px}
/* Video Links */
/* can't find id="videos" in the codebase. this is conflicting with the jcarousel
#videos {width: 439px; height: 32px; background: url(/media/css/images/home/hp_storybar_tabs.png) top left no-repeat; position: relative; bottom: 0; right: 0;}
.recent_selected {background-position: 0 -32px !important;}
.rated_selected {background-position: 0 -64px !important;}
.viewed_selected {background-position: 0 -96px !important;}
*/
/* Profile buttons*/
#profile_nav {width:418px; height:45px; position:relative;}
#profile_nav_buttons {width:418px; height:45px; background:url(/media/css/images/profile/wall_tabs_bg.gif) top left no-repeat; position:absolute; bottom:0; right:0;}
#profile_nav_button_map {z-index:1; position:absolute;}
#profilenavbuttons, #pnav1, #pnav2, #pnav3, #pnav4, #pnav5, {position:absolute; top:0;}
.pnav1_selected {background-position: 0 0px !important;}
.pnav2_selected {background-position: 0 -45px !important;}
.pnav3_selected {background-position: 0 -90px !important;}
.pnav4_selected {background-position: 0 -135px !important;}
.pnav5_selected {background-position: 0 -180px !important;}
#profile_nav_button_titles {z-index:0;}
#profile_nav_button_titles div.pnavtitle {color:white;}
#profile_nav_button_titles div.pnavtitle:hover {color:#ea1110;}
.pnavtitle1, .pnavtitle2, .pnavtitle3, .pnavtitle4, .pnavtitle5 {height:45px; position:absolute; color:#FFF; text-align:center; font-size:12px; line-height: 13px; padding-top: 15px;}
.pnavtitle1.on, .pnavtitle2.on, .pnavtitle3.on, .pnavtitle4.on, .pnavtitle5.on{color:#ea1110 !important;}
.pnavtitle1 {/*border: 1px solid #0F0;*/ width:82px; top:0; left:0;}
.pnavtitle1.recent {padding:9px 0 !important;}
.pnavtitle2 {/*border: 1px solid #3FC;*/ width:82px; top:0; left:84px;}
.pnavtitle3 {/*border: 1px solid #FC0;*/ width:95px; top:0; left:168px;}
.pnavtitle4 {/*border: 1px solid #C09;*/ width:87px; top:0; left:265px; padding:9px 0 !important;}
.pnavtitle5 {/*border: 1px solid #00C;*/ width:62px; top:0; right:0;}
#detail_page {width: 962px; height: inherit;}
#storyLeft { background-image: url(/media/css/images/profile/profile_bg.png); } /*margin-right:6px;*/
#storyLeft .sidebar_div {
background:transparent url(/media/css/images/profile/profile_name_bg.png) repeat-x scroll center top;
padding-top:4px;
padding-bottom:4px;
padding-left:2px;
width:194px;
}
#storyLeft .box {width: 184px; padding: 5px; background-color: #333; font-size: 12px; border-bottom: 2px solid;}
#storyLeft .box .info {width: 164px; color: #fff; padding: 5px 10px;}
#storyLeft .box .info span {display: block; font-size: 13px;}
#storyLeft .box .info .title {color: #fff; font-size: 11px; margin-bottom: 5px;}
#storyLeft .box .info .body {color: #ccc; font-size: 11px; margin-bottom: 10px;}
#storyLeft .box .info .body a {display: inline; font-size: 11px;}
#storyLeft .box .info .body a span {color: #fff; font-size: 11px; display: inline;}
#storyLeft .box .info .rating {color: #fff;}
#storyLeft .box a {
width: 184px;
color: #ff0000;
text-decoration: none;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#storyLeft .box .keywords a {color: #666;}
#social_links ul {display: table;}
#social_links ul li {float: left; background-color: #999; border: 1px solid #fff;}
#social_links ul li a {width: 90px !important; float: left; text-align: center; font-size: 14px; padding: 6px 0;}
#storyRight { /*background:url(/media/css/images/profile/gradient_bg.png) repeat-x top left;*/ }
#storyRight .box { width: 350px; background-color: #000; border-bottom: 2px solid #fff;}
#storyRight .box a {
text-decoration: none;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#story_title {height:80px;padding:15px;}
#story_title h1 {color: #EA1110; padding: 10px 0; font-size: 22px; letter-spacing: 2px;}
#story_title div {text-align: right; margin-bottom: 10px;}
#story_title a {color: #fff; font-size: 12px; text-decoration: none;}
#story_title a span {color: #ff0000; font-size: 13px; position: relative; top: 1px;}
#story_details ul {display: table; font-size: 11px; color: #fff;}
#story_details ul li {float: left; padding: 3px 0;}
#story_details ul li.rating {width: 195px;}
#story_details ul li.posted {width: 100px;}
#story_details ul li.comments a {color: #ff0000;}
#story_details ul li span {color: #666;}
.flagText { font-size: .8em; }
#story_media { padding: 10px 0; }
#story_media #media {}
#story_more_media {}
#story_more_media h2 {color: #fff; padding: 10px 0 5px 0; font-size: 15px;}
#story_more_media ul {display: table; font-size: 11px; color: #fff; padding-bottom: 15px;}
#story_more_media ul li {float: left; border: 5px solid #ccc; margin: 2px;}
#mid_leftbox { float:left; }
#mid_rightbox { float: left; height: 100px; margin-left: 5px; }
#mid_rightcontainer { position: relative; height: 100px; width: 170px; padding-left:8px; }
#mid_right_copy { position: absolute; bottom: 0; }
#mid_right_copy .white { font-family: verdana, sans serif; font-size: 11px; font-weight: bold; color: #fff; }
#mid_right_copy .light_gray { font-family: verdana, sans serif; font-size: 12px; color: #aaa; }
#mid_right_copy .red { font-family: verdana, sans serif; font-size: 10px; color: #f00; text-decoration: none; }
#mid_right_copy .location_name { margin-bottom: 3px; }
#mid_right_copy .location_url { margin-top: 5px; }
#loc_text {}
#loc_text ul {display: table; font-size: 12px; color: #fff; padding: 10px 0;}
#loc_text ul li {float: left; padding: 3px 0;}
#loc_text ul li.info {width: 180px; padding-left: 10px; color: #666;}
#loc_text ul li.info span {color: #fff; font-weight: bold;}
#loc_text ul li.info a {color: #ff0000; padding-top: 5px;}
#story_description {}
#story_description h2 {color: #ff0000; font-size: 16px; padding: 10px 0;}
#story_description p {color: #fff; font-size: 15px; padding-bottom: 10px;}
#story_description span {color: #ccc; font-size: 12px;}
#story_description a {display: block; padding: 10px 0 20px 0; color: #ff0000; font-size: 11px;}
#story_comments {}
#story_comments h2 {color: #ccc; font-size: 14px; padding: 10px 0;}
#story_comments .comment {padding: 10px 0; font-size: 12px; color: #ccc; border-bottom: 1px solid #ccc;}
#story_comments .last_comment {border-bottom: none;}
#story_comments .comment .comment_info {}
#story_comments .comment .comment_info a {color: #ff0000;}
#story_comments .comment .comment_body {padding: 5px 0;}
#story_comments .comment .comment_actions a {color: #ff0000;}
#story_comments #more_posts {text-align: right; padding: 10px 0;}
#story_comments #more_posts a {color: #ff0000; font-size: 12px;}
#story_comments #more_posts a span {color: #fff;}
#story_comments #write_comment {text-align: right;}
#story_comments #write_comment form input {margin: 15px 0;}
#story_comments #write_comment form #comment_text {width: 375px;}
#story_comments #write_comment form #comment_submit {color: #ff0000;}
.comment_button { margin-bottom: 20px; }
.comment-right { text-align: right; width: 388px; }
/* #story-comment-box { background: transparent #6C6C6C none repeat scroll 0 0; border:0 none; display:block; height:30px; width:300px; color:#000; padding: 5px; } */
#story-comment-box { background: transparent #6C6C6C none repeat scroll 0 0; opacity: 0.6; filter:alpha(opacity=60); border:0 none; display:block; height:30px; width:378px; color:#000; padding: 5px; }
/* redundant #storyRight {width: 338px; float: left;}*/
#right_col_title {width:100%; height: 66px;background:url(/media/css/images/profile/right_col_title_gradient_bg.png) repeat-x top left; /*text-align:right;*/}
#right_col_title h2 {color:#ea1110; font-weight:normal; font-size:18px; padding: 28px 14px 0 14px; text-align:left;}
#right_col_title a {color:#ea1110; font-size:12px; padding: 0px 16px;}
#right_col_stories {width:100%;margin:0 auto;background:url(/media/css/images/profile/stories_bg.png) repeat top left;}
#right_col_stories h3 { padding: 3px 5px;}
.right_col_story { background:url(/media/css/images/profile/right_col_story_gradient_bg.png) repeat-x top left; width:312px;margin:0;padding:13px;/*margin: 5px; padding: 5px;*/}
.right_col_story .tophalf, .right_col_story .bottomhalf {background:url(/media/css/images/profile/right_col_story_desc_bg.png) repeat-x top left;}
.right_col_story div.tophalf {text-align:center; height: 100px; padding-top:10px; margin-bottom: 0 !important;}
/* max-height+max-width for images does not work in any version of IE. fyi. */
.right_col_story div.tophalf img.first {float:left; max-height:95px; padding: 0 2px 0 18px;}
.right_col_story div.tophalf img.second {float:left; max-height:95px; padding: 0 10px 0 2px;}
.right_col_story div.bottomhalf {padding:5px 5px 5px 10px; height: 50px; margin-top: 0 !important;}
.right_col_story div.fourfifths {height: 122px; margin-bottom: 0 !important;}
.right_col_story div.fourfifths p {float:left; width: 148px; margin-top: 8px !important;}/* width: 150px */
.right_col_story div.fourfifths img {float:right; max-height: 95px; margin-top: 8px !important;}
.right_col_story div.onefifth {height: auto; padding:8px; margin-top: 0 !important; background-image:url(/media/css/images/profile/right_col_story_desc_bg.png)}
.right_col_story div h3 {color:#fff; font-weight:bold; font-size:12px; padding: 0 0 8px 0; }
.right_col_story div p {color:#ccc; font-size:12px; font-weight:normal; padding: 0 4px 0;}
.right_col_story div a {text-decoration: none; font-weight: bold; color:#ea1110; font-size:12px; padding: 0;}
.right_col_story div a span{color:#fff; font-size:12px; padding: 0;}
.bumpdown { visibility: hidden; height: 4px; width: 1px; padding: 0; margin: 0; } /* look, get off my case */
#storyRight .box { width: 311px; background-color: #000; border-bottom: 2px solid #fff; }
#storyRight .box a {
text-decoration: none;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
}
#storyRight #area_sidebar {}
#storyRight #area_sidebar h2 {padding: 20px 0 0 0; font-size: 16px; color: #ff0000;}
#storyRight #area_sidebar div {text-align: right; padding-bottom: 5px;}
#storyRight #area_sidebar div a {font-size: 12px; text-decoration: underline; color: #ff0000;}
#storyRight #area_sidebar .area_content {margin: 10px 10px; border-bottom: 2px solid #fff;}
#storyRight #area_sidebar .area_content_last {border-bottom: none;}
#storyRight #area_sidebar .area_content, #storyRight #area_sidebar .area_content div {text-align: left;}
#storyRight #area_sidebar .area_content .title {color: #fff; font-size: 14px; padding-bottom: 10px;}
#storyRight #area_sidebar .area_content ul {display: table; font-size: 11px; color: #ccc; padding: 5px 0;}
#storyRight #area_sidebar .area_content ul li {width: 130px; float: left; padding: 3px 0;}
#storyRight #area_sidebar .area_content .rating {color: #fff; padding-top: 10px;}
/* HOME PAGE */
#hp_flash_placeholder {width: 962px; height: 440px; background-image:url(/media/css/images/home/flash_placeholder.jpg); background-repeat:no-repeat; float: left;}
#hp_storybar {width: 962px; height: 242px; float: left; padding-top: 8px;}
/* #hp_storybar_scroller-rated,#hp_storybar_scroller-recent, #hp_storybar_scroller-viewed {width: 962px; height: 210px; background-image: url(/media/css/images/home/storybar_hp.png); clear: both; padding-top: 20px; margin-bottom: 20px;}*/
/* #hp_storybar_scroller-rated div ul.jcarousel-list li,#hp_storybar_scroller-recent div ul.jcarousel-list li, #hp_storybar_scroller-viewed div ul.jcarousel-list li {margin-right: 8px;}*/
#hp_storybar_back, #hp_storybar_fwd {height: auto; padding-top: 75px; float: left;}
#hp_storybar_fwd {width: 42px; float: right;}
#hp_storybar_back {width: 50px; float: left;}
#hp_storybar_back img {width: 32px; height: 31px; margin: 10px 10px 10px 10px;}
#hp_storybar_fwd img {width: 32px; height: 31px; margin: 10px 10px 10px 0;}
/* .hp_storybar_cell {height: 174px; padding: 0 0 25px; margin-right: 8px; float: left;}*/
/* PROFILE */
/* #profile_pod {width: 194px; height: auto; margin-right: 6px; float: left; font-size:12px;}*/
#profile_pic {width: 184px; height: 130px; background: url(/media/css/images/profile/profile_pic_bg.png) repeat-x; padding: 10px 5px;}
#profile_pic div {width: 184px; height: 130px;} /* background: url(/media/css/images/exchange/stories/story-detail/story1/profile-image.png) no-repeat;*/
#profile {width: 194px; height: auto; background:url(/media/css/images/profile/profile_bg.png) bottom repeat-x; }
#profile_name {width: 184px; height: 45px; padding-top:12px; padding-left:10px; line-height: 130%; background:url(/media/css/images/profile/profile_white_top_bg.png) top repeat-x;} /* background:url(/media/css/images/profile/profile_name_bg.png) top repeat-x; */
#profile_name h2 {color:#ea1110; width: 170px; font-weight:bold; font-size:14px; } /* background: url(/media/css/images/storybar/hpmc_logo_blk.png) right bottom no-repeat; padding: 3px 0 0 5px; */
#profile_name a {color:#ea1110; text-decoration:none;}
#profile_name span {color:#fff;}
/* #profile_location {width: 194px; margin-top:-5px; padding: 10px; } */
#profile_location, #profile_links { padding-top: 8px; padding-left: 10px; padding-bottom: 16px; background:url(/media/css/images/profile/profile_bg.png) bottom repeat-x;}
#profile_location .left_subtitle, #profile_links .left_subtitle { font-size: 12px; color: #FFF; font-family: verdana, sans-serif; display: block; padding-bottom: 5px;}
#profile_location .tag, #profile_links .tag { color: #AAA; text-decoration: none; }
.profile_goals { background:url(/media/css/images/profile/profile_white_top_bg.png) top repeat-x;}
#profile_location h3, .profile_goals h3 {color:#FFF; font-weight:normal; font-size:14px; padding: 10px 12px 0 15px;}
#profile_location p, .profile_goals li {color:#CCC; font-weight:normal; font-size:12px; padding: 3px 12px 0 15px;}
#profile_location p {padding-bottom: 8px;}
.profile_goals ul {padding-bottom: 14px;}
#profile_eml_shr_flg { height: 57px; background:url(/media/css/images/profile/profile_eml_shr_flg_bg.png) top repeat-x; text-align:center;}
#profile_eml_shr_flg input {width:58px; height:35px; color:#ea1110; font-weight:bold; font-size:14px; text-decoration:none; margin: 12px 0 0 0; background-color:#333; border-bottom-color:#000; border-right-color:#000; border-left-color:#333; border-top-color:#CCC;}
#profile_follow_me { height: auto; padding:8px 0 12px 0;}
#profile_follow_me a {color:#ea1110; width:170px; font-weight:bold; font-size:15px; padding-left:15px; text-decoration:none; margin: 12px auto;}
#profile_follow_me span {color:#fff;}
#profile_blurb {padding: 0 10px 10px;}
#profile_blurb h1 {padding-top: 10px; color:#ea1110; width: 418px; line-height:1.3; font-weight:bold; font-size:14px;}
#profile_blurb span {color:#fff;}
#profile_statement {width: 418; background:url(/media/css/images/profile/profile_white_top_bg.png) top repeat-x; text-align: center;}
#profile_statement h2 {color:#DDD; font-weight:normal; font-size:14px; padding: 30px 20px; text-align: left; line-height: 22px; }
#status-button {float:right;margin-top:0;padding-top:0;height:26px;}
#status-text {background:#555;border:1px solid #000;width:325px;height:16px;padding:3px;}
#status-clear {font-weight:normal; text-decoration: underline;}
#profile_recent_activity, #profile_stories, #profile_plans, #profile_messages, #profile_follow, #profile_wall {width:418px; height: 400px; position:absolute; top:45px; left:0; margin-bottom:41px;}/* background:url(/media/css/images/profile/stories_bg.png) repeat top left;*/
.profile_sub_nav {background: #000; width:394px; height:21px; position:relative; padding: 12px; color:#ccc;}
.profile_sub_nav form {float:left; margin: -2px 10px;}
.profile_sub_nav input {width:auto; height:24px; color:#ea1110; font-weight:bold; font-size:14px; text-decoration:none; background-color:#333; border-bottom-color:#000; border-right-color:#000; border-left-color:#333; border-top-color:#CCC; margin:0;}
#wall_text {color: #CCC; font-weight: normal; background-color: #222; border: none; width: 280px; padding: 3px; height:16px; margin-right: 8px;}
.profile_sub_nav a {color:#fff; margin: 0 3px;}
.profile_sub_nav a.on {color:#ea1110; text-decoration:none;}
.stories_plans {background:url(/media/css/images/profile/story_bg.png) repeat-x bottom left; height:137px auto; padding: 15px 15px 15px 0;}
.stories_plans p {color:#ccc; font-size:12px; margin: 5px 14px;}
.stories_plans p.comment {padding-bottom: 10px; margin-left: 0px;}
.stories_plans a {color:#ea1110; font-size:12px; font-weight:bold;}
.stories_plans p.comment a {margin-right:10px;}
.stories_plans span {color:#fff; font-size:12px; text-decoration:none; margin-left:10px;}
.comments {margin-left:45px;}
.stories {background:url(/media/css/images/profile/stories_blue.png) repeat-x; height:114px; width:381px;}
.plans {background:url(/media/css/images/profile/plans_blue.png) repeat-x; height:114px; width:381px;}
.story_img {width:137px; float:left; padding: 6px 0 0 6px;}
.story_desc { height: 73px; padding: 6px; font-size: 11px;}
.story_desc h4 {color:#fff; font-size:12px; font-weight:bold; margin-bottom:3px; display: block;}
.story_desc p {color:#ccc; font-size:10px; font-weight:normal; margin:0;}
.story_desc a {color:#ea1110; font-weight:bold; font-size:12px; text-decoration:none;}
.story_desc span {color:#fff;}
.rating {clear:both; width:48px; height:9px; padding:0 0 3px;}
.stars {width:137px; float:left;}
/* trying to keep username from wrapping */
.storycol-row-content {overflow:hidden;}
.storycol-row-footer .stars {width:204px;}
.storycol-row-footer {white-space:nowrap;}
.stars img {margin: 6px; left:auto;}
.posted {float:left; width:104px; float:left; padding: 2px 6px;}
.comment_ct {float:left; width:90px; float:left; padding: 2px 6px;}
.posted {color:#ccc; font-size:12px; white-space:nowrap; margin-right:10px;}
.posted span { color:#888; }
.comment_ct {color:#fff; font-size:12px; } // background: url(/media/css/images/storybar/hpmc_logo_blk.png) right bottom no-repeat;
.comment_ct a {color:#ea1110; text-decoration: underline;}
#message_actions {width:418;}
.checkbox {float:left;width:28;}
.select_all {float:left;width:150;}
.message_pages {float:left;width:140;}
#message_list {width:406;}
.message_user {width:auto;}
.message_title{width:auto;}
.message_date{width:auto;}
.follower { float: left; width:78px; height:100px; margin-left:5px; margin-bottom:10px; text-align:center; font-size:12px;}
.follower_img {margin:2px;}
.follower_img img {width:70px; height:70px;}
.follower_unfollow {font-size:10px;}
.profile_edit_td { vertical-align: top; }
/* EXCHANGE OVERVIEW PAGE */
#exchange_manifesto {width: 962px; height: 304px; background-image:url(/media/css/images/exchange/manifesto_bg.png); background-repeat:repeat-x; float: left;}
#manifesto_FLV {width:513px; background-image:url(/media/css/images/exchange/flash_placeholder.jpg); background-repeat:no-repeat; float: left; margin: 10px 0 11px 14px;}
#manifesto {width: 435px; /*height: 283px;*/ float: right; margin: 10px 0 11px 0; position: relative;}
#manifesto_text {width: 435px; height: 248px; background-image:url(/media/css/images/exchange/manifesto_text_bg.png); background-repeat:repeat-x; float: left;}
#manifesto_text h1 {color:#ea1110; font-weight:normal; font-size:24px; line-height:120%; padding:0; margin:36px 20px 12px 20px;}
#manifesto_text h2 {color:#ea1110; font-weight:normal; font-size:17px; line-height:120%; padding:0; margin: 0 20px 12px 20px;}
#manifesto_text p {color:#fff; padding:0; font-size:14px; padding:0; margin-bottom: 9px; margin: 0 20px 12px 20px;}
/* redundant #manifesto_buttons {width: 435px; height: 35px; background: url(images/exchange/manifesto_buttons_bg.png) top left no-repeat; /*position: absolute;bottom: 0; right: 0;*/}/**/*/
.tellastory_selected {background-position: 0 -35px !important;}
.makeaplan_selected {background-position: 0 -70px !important;}
.exchange_storybar_scroller {width: 478px; height: 199px; background-image: url(/media/css/images/storybar/storybar.png); background-repeat: repeat-x; clear: both;}
.exchange_storybar_scroller div ul.j-carousel li {margin-right: 4px;}
.exchange_storybar {width: 478px; float: left; padding: 8px 4px 0 0;}
/* on category overview pages, the height was making the footer
collapse up under content - why a height here? height: 231px; */
.exchange_storybar_second {width: 478px; float: left; padding: 8px 0 0 0;}
/* exchange sliders */
.exchangeSliderLeft { float: left; width: 40px; height: 210px; margin-right: 8px; padding: 0; overflow: hidden; }
.exchangeSliderCenter { float: left; width: 478px; height: 210px; padding: 0; overflow: hidden;}
.exchangeSliderCenter ul { width: 418px; height: 210px; padding-left:8px; margin-left:auto; margin-right:auto; }/* width:478px; */
.exchangeSliderCenter li { display: inline; height: 174px; width: 131px; margin-right: 8px; margin-top: 15px; float: left; padding: 0; color: #FFF; }
.exchangeSliderRight { width: 40px; height: 210px; float: left; padding: 0; overflow: hidden; }
.exchangeSliderLeft a, .exchangeSliderRight a { display: block; padding-top: 88px; padding-left: 5px; }
/* STORY BARS */
.storybar {width: 478px; height: 231px; float: left; padding-top: 8px;}
.storybar_tab {width: 261px; height: 32px; float: left; background-image: url(/media/css/images/storybar/storybar_tab.png);}
.storybar_tab div.storybar_title {padding: 10px 8px 5px 30px;}
.storybar_tab div.storybar_storieslink {float:right; padding: 12px 8px 0 0;}
.storybar_tab div.storybar_title h2 {color: #FFF; font-size: 16px; white-space:nowrap;}
.storybar_tab div.storybar_storieslink a {color: #F00; font-size:12px;}
.storybar_scroller {width: 478px; height: 210px; background-image: url(/media/css/images/storybar/storybar.png); clear: both;}
.storybar_back, .storybar_fwd {height: auto; padding-top: 75px;}
.storybar_back {width: 30px; float: left;}
.storybar_back img {width: 21px; height: 20px; margin: 10px 3px 10px 4px;}
.storybar_fwd {width: 25px; float: right;}
.storybar_fwd img {width: 21px; height: 20px; margin: 10px 2px 10px 0;}
/* .storybar_cell, .storybar_cell_thumb, .storybar_cell_thumb_desc, .storybar_cell_desc, .storybar_cell_rating {width: 137px; margin-right: 0; padding: 0; padding-top: 7px;}*/
/* .storybar_cell {height: 174px; padding: 10px 0 12px 0; margin-right: 4px; float: left;}*/
.storybar_cell_thumb {height: 78px;padding:8px 3px 5px;}
/* .storybar_cell_desc {height: 142px;}*/
.storybar_cell_thumb_desc {height: 72px;padding:6px; background: url(/media/css/images/storybar/story_cell_thumb_desc.png) no-repeat;}
.storybar_cell_rating {padding:6px 0;height: 13px; background: url(/media/css/images/storybar/story_cell_rating.png) top left repeat-x;}
/* .storybar_cell_thumb, .storybar_cell_desc {background: url(/media/css/images/storybar/story_cell.png);}*/
/* .storybar_cell_thumb:hover, .storybar_cell_desc:hover {background: url(/media/css/images/storybar/story_cell_hover.png);}*/
.storybar_cell_thumb img {width: 125px; height: 73px; margin: 3px 6px 3px 6px;}
.storybar_cell_rating .rating, .storybar_cell_thumb_desc .rating {height: 17px; font-weight: bold; font-size: 16px; color:#FFF; margin: 0 6px 0 6px;}
.storybar_cell_rating .rating_logo, .storybar_cell_thumb_desc .rating_logo {height: 17px; font-weight: bold; font-size: 16px; color:#FFF; margin: 0 6px 0 6px; }
.storybar_cell_rating .rating img, .storybar_cell_thumb_desc .rating img, .storybar_cell_rating .rating_logo img, .storybar_cell_thumb_desc .rating_logo img {padding: 2px;}
/* .storybar_cell_desc p, .storybar_cell_thumb_desc p {font-size: 12px; color:#FFF; margin: 0 6px 0 6px;}*/
/* .storybar_cell_desc p strong, .storybar_cell_thumb_desc p strong {font-weight: bold;}*/
/* .storybar_cell_desc p a, .storybar_cell_thumb_desc p a {font-weight: bold; color:#F00; text-decoration: none;}*/
/* create a plan page - ideas list */
.plan_left_col .storybar_cell, .plan_right_col .storybar_cell {
width:131px;
height:174px;
margin-right:8px;
margin-bottom:31px;
float:left;
clear:none;
background:transparent url('/media/css/images/storybar/story_cell.png') top left repeat-x;
}
.plan_left_col .storybar_cell .storybar_cell_desc,
.plan_right_col .storybar_cell .storybar_cell_desc {
height:142px;
overflow:hidden;
}
.storybar_cell .add-this {
display:block;
clear:left;
margin-top:0.5em;
}
.storybar_cell .remove-this {
margin-top:0.5em;
}
#story_well_list, #added-stories {
padding:10px;
overflow:auto;
overflow-x:hidden;
background: #6c6c6c;
}
/* adding height to these so badge does not get clipped off */
.badge { background: url(/media/css/images/storybar/hpmc_logo_blk.png) top right no-repeat; height:18px; }
.badge-comment { background: url(/media/css/images/storybar/hpmc_logo_blk.png) 390px 0 no-repeat; }
.badge-left { padding-left: 23px; background: url(/media/css/images/storybar/hpmc_logo_blk.png) 0 1px no-repeat; padding-top:1px; padding-bottom:3px; }
.story-preview-badge { float: right; height: 18px; width: 120px; text-align: left; background: url(/media/css/images/storybar/hpmc_logo_blk.png) top right no-repeat; }
.story-preview-badge .rating { padding: 0; margin: 0; }
.story-part {
background: transparent url(/media/css/images/profile/profile_white_top_bg.png) repeat-x scroll left top;
padding:15px;
}
.story-part p { font-size:13px; color:#ccc; padding-top:10px; padding-bottom:10px; }
.story-part h3 { color:#EA1110; }
.subtitle-parts { margin-left:15px; font-size:12px; }
.part-r { margin-right:15px; float:right; }
.subtitle { background: transparent url(/media/css/images/profile/right_col_story_desc_bg.png) repeat-x scroll left top; clear: both; height:20px; padding-top:4px; color: #FFF; }
#comment-count { background-color:black; color:#bbb; font-size:13px; padding:15px; }
.comment-top { padding: 3px 15px 0; font-size: 12px; color: #ccc; } /* background: transparent url(/media/css/images/backgrounds/comment_top.png) repeat-x scroll left top; */
.comment-block p { padding:15px; padding-top:5px; padding-bottom:5px; font-size:14px; font-family:verdana,sans serif; }
.comment-bottom { padding:15px; padding-top:0px; padding-bottom:10px; font-size:12px; }
/** Styles from ideas.css **/
#story_intro { border: 1px solid black; background: black; padding: 15px 15px 0 15px; }
#story_intro_text { width: 66%; }
.story_section { clear: both; background: #333 url(/media/css/images/stories/story_section_bg.png) repeat-x; padding: 15px; min-height: 150px; }
.story_section-small { clear: both; background: #333 url(/media/css/images/stories/story_section_bg.png) repeat-x; padding: 15px; }
#story_required_field { float: left; }
#story_post_in { float: left; display: inline; margin-left: 30px; }
#story_description { float: left; }
#story_submit { display: block; width: 500px; }
.story_submit_button { color: #ea1110; }
#stories_footer { height: 100px; padding: 15px; background: url(/media/css/images/laz/story_footer_bg.png) repeat-x; }
select { background: #333333; color: #ea1110; }
#title_textarea { width: 300px; height: 70px; padding: 5px; border: 0px; background: #6c6c6c; display: block; color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 100%;}
#desc_textarea { width: 500px; height: 120px; padding: 5px; border: 0px; background: #6c6c6c; display: block; color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 100%;}
.textarea_default_text { color: #404040; font-size: 1em; }
/* */
#plan_fields { margin-top: 10px; }
#plan_title, #plan_description { float: left; margin-right: 10px; }
#plan_title textarea { width: 250px; }
#plan_description textarea { width: 625px; }
.search_button { font-size: .8em; }
.search_button a { color: #BBB; }
#story_well_list { width: 451px; height: 694px; float: left; clear: left;}
#added-stories { width: 342px; height:694px; float: left;}
.add-this a { color: #FFF; font-size: .8em; text-decoration: underline; }
.remove-this a { color: #000; font-size: .8em; text-decoration: underline; }
.plan_left_heading, .plan_right_heading { height: 90px; }
.plan_left_col { float: left; width: 471px; }
.plan_right_heading div { margin-top: 30px; color: #ea1110; }
.plan_right_heading input { margin-left: 50px !important; }
.plan_right_col { float: left; width: 342px; margin-left: 25px; }
.plan_submit_bottom { display: block; width: 775px; text-align: right; float: left; }
#plan_search_button { color: #bbb; font-size:12px; font-weight: bold; }
#plan_text { width: 200px; height: 18px; padding: 3px; border: 0px; background: #6c6c6c; display: inline; margin: 15px; margin-left: 0px; }
/* PK */
#loc_text, #web_text, #tag_text { width: 300px; height: 18px; padding: 3px; border: 0px; background: #6c6c6c; display: inline; font-size: .9em; color: #000; font-weight: normal; }
.browse_button { border: 0px; background: #6c6c6c; display: block; }
.story_upload_button { color: #ea1110; }
#mapping-error { height: 10px; width: 200px; }
#story_uploader { margin-bottom: 15px; }
#story_location_map { height: 150px; width: 250px; float: right; margin-right: 300px; }
.red_star { color: #ea1110 !important; }
.plan_left_col h3, #story_location h4, #story_location h3, #story_websites h3{ display: block; }
#story_websites td { padding-left: 10px; padding-right: 10px; }
#story_upload_videos { border: 0; }
.story_button input { background-color:#333333; border-color:#CCCCCC #000000 #000000 #333333; color:#EA1110; font-size:13px; font-weight: normal; height:30px; min-width: 58px; margin:12px 0 0; text-decoration:none; }
.remove_this a { color: black; }
.add_this a { color: white; }
.clear_floats { clear: both; }
#signin_intro_text { float: left; width: 50%; text-align: left; }
#register_intro_text { margin-left: 20px; float: left; width: 45%; text-align: left; }
#register_intro_text h3 { font-size: 12px; font-weight: normal; }
#login_section { background:transparent url(/media/css/images/backgrounds/login_bg.png) top left no-repeat; height: 600px; width: 962px; }
#login_form { float: left; padding: 40px 30px 30px 55px; height: 150px; width: 400px; }
#login_form td {vertical-align:middle;}
#login_form td label {margin-right: 6px; font-size: 12px;}
#login_form td a { font-weight: normal; text-decoration: underline; }
#register_form { float: right; padding: 30px 15px 30px 30px; height: 200px; width: 420px;}
#register_form th {width:37%; font-size: 12px; color: #999; text-align: right; padding-right: 3px;}
#register_form th label { font-size: 12px; color: #fff;}
#register_form th label span {color: red;}
.form-field-helptext {color: #999; font-size: 12px; padding-bottom: 5px;}
.login_text { width: 200px; height: 20px; padding: 2px; border: 0px; margin: 3px; background: #6c6c6c; }
.register_text { width: 150px; height: 20px; padding: 2px; border: 0px; margin: 3px; background: #6c6c6c; }
.search_pagination { float: right; }
.search_pagination a { font-size: 12px; margin: 3px; text-decoration: underline; }
#search_divider { background: url(/media/css/images/backgrounds/search_divider.png) repeat-x; height: 16px; }
#search_content { background: black; padding: 15px; padding-top: 5px; }
.search_text { width: 150px; height: 20px; border: 0px; margin-left: 15px; background: #222; color: red; }
#search_filter { color: #ea1110; background: #333; }
#search_button { color: #bbb; }
#results { margin-top: 20px; }
.result { color:white; padding: 15px; background: transparent url(/media/css/images/profile/right_col_story_gradient_bg.png) repeat-x scroll left top; }
.result_sub { color:#bbb; font-size: 13px; padding-left: 20px; padding-top: 5px; background: transparent url(/media/css/images/profile/right_col_story_desc_bg.png) repeat-x scroll left top; } .result_top { padding-top:10px; height:100px; }
.result h3 { color: #ea1110; font-weight: bold; font-size: 17px; }
.result .thumb { width:200px; height:100px; float:left; padding:10px; background: transparent repeat scroll center center; }
.result .postid { margin-right:10px; }
.result .date { margin-right:10px; }
.page-link { margin-right:10px; }
#story-images { height: 185px; }
.frame-block { width: 100%; height: 314px; margin-bottom: -1px; overflow: hidden; }
.added_url { display: block; float: left; clear: left; width: 250px; color: #ea1110; font-weight: normal; }
#story_links { font-weight: normal !important; margin-top:1em; }
#story_links li {margin-bottom:0.5em;}
#story_links input { float: left; font-size: .8em }
.cancel_link { display: block; font-weight: normal; text-decoration: underline; font-size: .9em; padding: 10px 0; }
.profile_labels { width: 200px; float: left; }
.profile_label { float: left; font-size: .9em; padding-top: 5px; }
.profile_value { float: left; color: #ea1110; font-size: 1.2em; padding-left: 5px; }
#profile_field_about { width: 500px; height: 120px; padding: 5px; border: 0px; background: #6c6c6c; display: block; font-size: .8em; }
#profile_email, #profile_field_goals, #profile_state, #profile_city { width: 500px; padding: 5px; border: 0px; background: #6c6c6c; display: block; font-size: .8em; }
#profile_state { width: 50px; }
#profile_email { width: 175px; }
.profile_form label { margin-right: 5px; color: #FFF; font-size: 18px; }
.profile_form input, .profile_form textarea { margin-bottom: 10px; }
.profile_form .story_upload_button { margin-left: 20px; }
/** Styles from story_view.css **/
#left_col { float: left; width: 194px; height: 100px; padding-top: 6px; background: #000 url(/media/css/images/top_coloums_shade.png) repeat-x; margin-right: 5px; font-family: verdana, Arial, Helvetica, sans-serif; font-size: .75em; }
.inpt_text_comment { font-family:verdana,helvetica,arial,sans serif; height: 20px; font-size: 14px; background: transparent; background-color: #5f5e5b; border-width: 0px; color: #222; padding: 8px; }
.inpt_textarea_comment { font-family:verdana,helvetica,arial,sans serif; height: 20px; font-size: 14px; background: transparent; background-color: #5f5e5b; border-width: 0px; color: #222; padding: 8px; }
img.displayed { display: block; margin-left: auto; margin-right: auto; }
.gray_bg { background: #484848; padding-bottom: 5px; }
.black_bg { background: #111; }
.button_gray_bg { background: #000 url(/media/css/images/button_bg_menu.png) repeat-x; padding-bottom: 5px; }
.gray_buttons_noTxt { background: #111 url(/media/css/images/gray_emboss_button.png); width: 94px; height: 33px; }
.transparent_gray { background: url(/media/css/images/trasparent_grayish.png); padding: 10px; }
.txt_center_middle { text-align: center; vertical-align: middle; }
.stars_box { height: 25px; }
/* Middle Menu */
#middle_col { float: left; width: 420px; height: 85px; padding-top: 6px; background: #000 url(/media/css/images/top_coloums_shade.png) repeat-x; margin-right: 5px; font-family: verdana, Arial, Helvetica, sans-serif; font-size: .75em; }
#big_video_icon { background: #222 url(/media/css/images/top_coloums_shade.png) repeat-x; padding: 10px; }
.video_icon_box { background: url(/media/css/images/video_icon_top_bg.gif) repeat-x; padding-top: 5px; }
#story_title { padding: 8px; }
#story_title h1 { font-size: 1.2em; }
.txt_alg_right { text-align: right; padding: 5px; }
.narrow_fnt { font-size: 1.3em; }
.display_center { text-align: center; }
/*these are conflicting with story view page elements
#mid_leftbox { position: absolute; margin: 0 0 0 25px; padding: 0; } */
/*#mid_rightbox { margin: 0 0 0 225px; padding: 0; width: 150px; height: 100px; } */
.height_105 { height: 105px; }
.padding_zero { padding: 0px; }
/* Right Menu */
#right_col { float: right; width: 338px; height: 100px; /*background:url(/media/css/images/top_coloums_shade.png) repeat-x; */ font-family: verdana, Arial, Helvetica, sans-serif; font-size: .75em; }
.tell_make_buttons { width: 338px; padding: 0px; text-align: right; }
#in_my_area h1 { font-size: 1.5em; margin: 3px; }
#right_leftbox { position: absolute; padding-top: 10px; height: 80px; width: 150px; }
#right_rightbox { margin: 0 0 0 160px; padding-top: 10px; width: 150px; height: 80px; }
.bottom_line_img{ background:url(/media/css/images/bottom_bg_col1.gif) repeat-x; height:16px; }
/** Style from Story view page **/
.default-text { background-color: white; color: #bbb; }
.active-text { color: black; }
#story-pic { background: transparent url(/media/css/images/profile/gradient_bg.png) repeat-x scroll left top }
#story_location { background: transparent url(/media/css/images/backgrounds/story_location.png) repeat-x scroll left top; height: 137px; padding: 15px; }
.white { color:white; }
.post-comments { margin:10px 4px 10px 8px; }
/** ADVISER SLIDERS **/
.homeSliderLeft, .homeSliderRight { float: left; }
.adviserSlider {
float: left;
width: 485px;
height: 210px;
overflow: hidden;
}
.adviserSlider ul {
height: 210px;
}
/* badge fixes */
.storybar_cell_bottom .story-preview-badge img.rating {
padding-left: 0;
}
.story-preview-badge { float: right; height: 18px; width: 120px; text-align: left; background: url(/media/css/images/storybar/hpmc_logo_blk.png) top right no-repeat; }
.story-preview-badge .rating { padding: 0; margin: 0; }