/* Global Settings ----------------------------------------------------------- ----------------------------- Reset Margins, Borders, etc. ----------------------------------------------------------- */ body, p, blockquote { margin:0; padding: 0; } a img, iframe { border: none; } /* Reset Headers ------------------------------*/ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; } /* Reset Lists ------------------------------*/ ul, ol, dl, li, dt, dd { margin-left: 0; margin-top: 0; margin-right: 0; padding: 0; list-style:none; } /* Reset Forms ------------------------------*/ form, fieldset { margin: 0; padding: 0; } fieldset { border: none; } legend { padding: 0; } input, textarea, select { margin: 0; padding: 1px; font-size: 100%; font-family: inherit; } select { padding: 0; } input.radio { border:none; } /* ----------------SANDISK CSS START ----------*/ #container { width: 990px; margin: auto; } #contentLeft { float: left; width: 980px; margin-right: 7px; margin-top: 2px; } .h1-sandisk { margin: 0 0 12px 0; padding: 0; color: #000; font-size: 24px; } .divline { width: 92%; background: url(http://www.sandisk.com/css/img/bg-divline550.gif) no-repeat; margin: 12px 0; _margin: 10px 0 4px 0; height: 1px; clear: both; } a.arrow2 { color: #de0000; background: url('http://www.sandisk.com/css/img/arrow.gif') no-repeat right 6px; padding-right: 10px; text-decoration: none; } /*----------------- HEADER -----------------*/ #headerWrap { width: 985px; float: left; height: 73px; position: relative; } #headerWrap .logo { position: absolute; top: 24px; left: 29px; float: left; } #headerWrap .slogan { position: absolute; top: 31px; left: 180px; float: left; } #headerWrap .toolbar { position: absolute; top: 31px; right: 165px; color: #ccc; text-align: right; font-size: 11px; padding: 2px 0; } #headerWrap .toolbar a { text-decoration: none; color: #de0000; padding: 0 4px; } #headerWrap .toolbar a:hover { text-decoration: underline; } #headerWrap .toolbar a.global { background: url(img/icon-world.gif) no-repeat right 10px; padding: 10px 25px 10px 4px; } #headerWrap .dropdown { position: absolute; top: 28px; right: 24px; color: #ccc; text-align: right; font-size: 11px; padding: 2px 0; } /*----------------- MAIN MENU -----------------*/ #menuWrap { width: 985px; height: 39px; background: url(http://www.sandisk.com/css/img/bg-mainmenu.gif) no-repeat; clear: both; margin-bottom: 6px; } #menu { width: 730px; float: left; padding: 0; margin: 0; } #menu, #menu ul { padding: 0; margin: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; } #menu ul a { background: url(http://www.sandisk.com/css/img/bg-nav-notch.gif) no-repeat top right; display: block; text-decoration: none; padding: 11px 22px 10px 22px; font-size: 11px; font-weight: bold; color: #FFF; } #menu ul a.trigger { padding: 11px 22px 10px 22px; } #menu ul li { float: left; } #menu ul li { position: relative; } /* hide from IE mac \*/ #menu ul li { position: static; width: auto; } /* end hiding from IE5 mac */ #menu ul li ul, #menu ul ul li { width: 170px; z-index: 1000; } #menu ul ul li { padding-left: 20px; color: #fff; } #menu ul ul li a { color: #FFF; border-right: 0; padding: 3px 12px 3px 0px; background: none; } #menu ul li ul { padding-top: 11px; position: absolute; display: none; background: url(img/bg-dropdown.gif) no-repeat; padding-bottom: 10px; } #menu ul li:hover a, #menu ul a:focus, #menu ul a:active, #menu ul li.p7hvr a { color: #FFF; } #menu ul li:hover ul, #menu ul li.p7hvr ul { display: block; } #menu ul li:hover ul a, #menu ul li.p7hvr ul a { color: #FFF; background-color: transparent; font-weight: normal; } #menu ul ul a:hover { color: #FFFFFF !important; text-decoration: underline !important; } #menu ul li.subitem { padding-left: 30px; width: 152px; } /*#menu li li { font-weight: bold; color: #FFF; margin-bottom: 0; padding-bottom: 0; padding-left: 10px; } #menu li li a { font-weight: bold; color: #FFF; margin-bottom: 0; padding-bottom: 0; padding-left: 10px; }*/ #menuWrap .searchWrap { float: right; height: 19px; margin-top: 8px; margin-right: 25px; _margin-right: 15px; } #menuWrap .searchWrap input { background: url(img/bg-sitesearch.gif) no-repeat; border: 0; padding-top: 3px; width: 125px; height: 16px; padding-left: 18px; color: #656565; font-size: 10px; } /*----------------- LEFT NAVIGATION -----------------*/ #leftNav { width: 156px; float: left; margin-right: 4px; margin-top: 28px; padding-left: 13px; margin-bottom: 25px; } #leftNav ul { margin: 0; padding: 0; list-style: none; } #leftNav li { padding: 0; margin: 0; font-size: 11px; line-height: 20px; } #leftNav li a { color: #de0000; text-decoration: none; background: url('http://www.sandisk.com/css/img/arrow.gif') no-repeat right 6px; padding-right: 10px; } #leftNav li a:hover { text-decoration: underline; } #leftNav li a.on { color: #1f1f1f; font-weight: bold; } #leftNav ul ul { margin: 0; padding: 0; list-style: none; margin-left: 25px; } #leftNav li li a { color: #de0000; text-decoration: none; background: url('http://www.sandisk.com/css/img/arrow.gif') no-repeat right 6px; padding-right: 10px; } #leftNav li li a:hover { text-decoration: underline; } #leftNav .divline { width: 92%; background: url(img/divline157.png) no-repeat; margin: 19px 0; _margin: 17px 0 4px 0; height: 1px; clear: both; } #leftNav .newsletter input { width: 148px; } #leftNav .newsletter .btn { width: 80px; _width: 80px; height: 26px; _height: 26px; } /* ----------------- FOOTER ----------------- */ #footerWrap3 {postion: relative; text-align: center; width: 992px; padding-top: 0; height: 51px;} #footerWrap3 .footer {width: 992px; text-align: center; background: url(/img/bg-footer.jpg) no-repeat; height: 20px; color: #ccc; padding-top: 5px; } #footerWrap3 .footer a { text-decoration: none; color: #666; padding: 0 4px; font-size: 11px; } #footerWrap3 .footer a:hover { text-decoration: underline; } #footerWrap3 .copyright { text-align: center; margin-top: 7px; color: #999; font-size: 10px; } #footerWrap3 .copyright a { color: #666; text-decoration: none; } /* ----------------SANDISK CSS END ----------*/ /* ----------------------------------------------------------- -------------------------------- Global Style ----------------------------------------------------------- */ /* ------------------------------------- ----------------------- Body Settings ------------------------------------- */ body { text-align:center; font-family:arial,helvetica, sans-serif; font-size:11px; padding-bottom:20px; } h1, h2, h3 { font-family:Helvetica, Arial, Times, sans-serif; font-weight:normal; } p { font-size:11px; line-height:1.3em; margin-bottom:1em; } #content * { font-size:11px; } #rn_mainnav { height:39px; } #rn_mainnav ul { height:39px; float:left; } #rn_mainnav ul li { height:39px; float:left; margin-right:6px; } #rn_mainnav li a, #rn_mainnav li a:link, #rn_mainnav li a:visited, #rn_mainnav li a:hover, #rn_mainnav li a:active { height:25px; font-weight:bold; text-decoration:none; font-size:12px; float:left; outline:none; cursor:pointer; } #rn_mainnav li a span, #rn_mainnav li a:link span, #rn_mainnav li a:visited span, #rn_mainnav li a:hover span, #rn_mainnav li a:active span { height:15px; padding:5px 6px; float:left; } #rn_mainnav li a.selected, #rn_mainnav li a.selected:link, #rn_mainnav li a.selected:visited, #rn_mainnav li a.selected:hover, #rn_mainnav li a.selected:active{ height:39px; } #rn_mainnav li a.selected span, #rn_mainnav li a.selected:link span, #rn_mainnav li a.selected:visited span, #rn_mainnav li a.selected:hover span, #rn_mainnav li a.selected:active span { height:15px; padding: 5px 6px 19px 6px; float:left; } /* ------------------------------------- ----------------- Universal Structure ------------------------------------- */ #rn_outerwrapper { /*width:760px; //default */ /* width:600px; //no sidebar */ width:988px; overflow:hidden; text-align:left; margin:2px auto; } #rn_outerwrapper_rt { width:100px; height:30px; float:right; padding:5px 12px 2px 7px; /* border:solid 2px blue; */ } #rn_innerwrapper { /*width:730px; and 950px //default */ /* width:570px; //no sidebar */ width:960px; float:left; padding:5px; /* border:solid 5px blue; */ } #rn_innerwrapper_rt { width:15px; height:15px; float:right; margin-top:-15px; border:none; } #rn_nav { /*width:730px; // default */ /* width:570px; // no sidebar */ width:700px; text-align:left; height:39px; float:left; } #rn_mainnav { float:left; } #rn_loginstatus { float:right; } #rn_loginstatus p { font-size:11px; } #rn_rightnowcredit { margin-top:20px; clear:both; } /* ------------------------------------- ----------------------- Fancy Buttons ------------------------------------- */ /* Gray buttons */ a.button, /*dashboard links */ a.button:link, input.Button, input.Button:link, button.FormButton, /* aaq form */ button.FormButton:link, button.button, button.button:link, #rn_content.rn_answerdetail a.button, #rn_content.rn_answerdetail a.button:link { line-height:1em; padding:3px 7px 5px 7px; text-decoration:none; outline:none; border:none; font-size:10px; font-weight:bold; display: -moz-inline-box; /* Fixes Firefox */ display:inline-block; } p.rn_buttonwrap { line-height:1em; margin-bottom:0; } /* ------------------------------------- ----------------- Default Input Style ------------------------------------- */ input, textarea, select { border:solid 1px #d1d1d1; font-size:11px; } /* ----------------------------------------------------------- --------------------- Text Colors, Backgrounds and Borders ----------------------------------------------------------- */ /* Text Colors Used in this Document #2F2F2F Neutral Grey 1 (Darkest) #333333 Neutral Grey 2 #404040 Neutral Grey 3 #505050 Neutral Grey 4 #808080 Neutral Grey 5 #E9E9E9 Neutral Grey 6 (Lightest) #091B59 Deep Blue #5279A9 Medium Blue #BDDCFF Bright Blue #D05801 Orange */ /* ------------------------------------- ----------- Text Colors ------------------------------------- */ body, fieldset legend { color:#333333; } #rn_mainnav li a.selected span, #rn_mainnav li a.selected:link span, #rn_mainnav li a.selected:visited span, #rn_mainnav li a.selected:active span, #rn_mainnav li a.selected:hover span, #rn_mainnav li a.selected:focus span, a.button, a.button:link, a.Button:visited, a.Button:hover, a.Button:focus, a.Button:active, #rn_masthead h1, #rn_masthead p, #rn_masthead a#searchtips, #rn_masthead form, #rn_masthead span.NavigationTab a, #rn_masthead span.NavigationTab a:link, #rn_masthead span.NavigationTab a:visited, #rn_masthead span.NavigationTab a:active, #rn_masthead div.LoginForm span.ErrorBox, #rn_content.rn_answerdetail a.button, #rn_content.rn_answerdetail a.button:link, #rn_content.rn_answerdetail a.button:visited, #rn_content.rn_answerdetail a.button:hover, #rn_content.rn_answerdetail a.button:focus, #rn_content.rn_answerdetail a.button:active, #rn_dashboard #rn_findanswers form, input.Button, input.Button:link, input.Button:visited, input.Button:hover, input.Button:focus, input.Button:active, button.FormButton, button.FormButton:link, button.FormButton:visited, button.FormButton:active, button.FormButton:hover, button.FormButton:focus, button.button, button.button:link, button.button:visited, button.button:active, button.button:hover, button.button:focus { color:#FFFFFF; /* White */ } #rn_content.rn_answerdetail .rn_wrap h2, /*#rn_content.rn_mostpopular a, */ #rn_content .rn_wrap div.Multiline a, #rn_content.rn_mostpopular p.paginate a.selected, #rn_sidebar .rn_sidebartextbox h3, #rn_answer_details_contents h2 { color:#091B59; /* Deep Blue - #091B59 */ } #rn_masthead .advancedsearch, #rn_dashboard #rn_findanswers form a.rn_advancedsearch { color:#FFcccc; /*Bright Blue #BDDCFF; */ } h2, #rn_dashboard #rn_mostpopular a, #rn_content .rn_wrap div.Multiline ol li, #rn_content .rn_wrap div.Grid a, #rn_sidebar .rn_sidebartextbox p a, #rn_sidebar .rn_sidebartextbox p a:link, #rn_sidebar .rn_sidebartextbox p a:visited, #rn_sidebar .rn_sidebartextbox p a:hover, #rn_sidebar .rn_sidebartextbox p a:focus, #rn_sidebar .rn_sidebartextbox p a:active { color:#2F2F2F; /* Neutral Grey 1 (1=darkest) */ } #rn_content.rn_answerdetail a, #rn_content.rn_answerdetail #rn_meta td a, #rn_content.rn_answerdetail p, #rn_content.rn_answerdetail .rn_wrap h3, #rn_content.rn_answerdetail tr.ThreadHeader, #rn_content.rn_answerdetail td.ThreadContent, #rn_content.rn_answerdetail tr.FormField, #rn_dashboard p, #rn_dashboard .rn_welcome, #rn_dashboard .rn_welcome a, #rn_masthead span.NavigationTab a.selected, #rn_masthead span.NavigationTab a.selected:link, #rn_masthead span.NavigationTab a.selected:visited, #rn_masthead span.NavigationTab a.selected:active, #rn_masthead span.NavigationTab a.selected:visited { color:#404040; /* Neutral Grey 3 */ } #rn_loginstatus a, #rn_loginstatus a:link, #rn_loginstatus a:visited, #rn_loginstatus a:active, #rn_loginstatus a:hover, #rn_loginstatus a:focus, #rn_mainnav li a, #rn_mainnav li a:link, #rn_mainnav li a:visited, #rn_mainnav li a:active, #rn_mainnav li a:hover, #rn_mainnav li a:focus, #rn_content.rn_answerdetail p.rn_back, #rn_content.rn_answerdetail p.rn_back a, .rn_createaccount h2, .rn_live h2, .rn_live p, .rn_live, #rn_content .rn_wrap h3, #rn_content .rn_wrap h3 a, #rn_dashboard #live h2, #rn_dashboard #live p, #rn_dashboard #live { color:#505050; /* Neutral Grey 4 */ } #rn_content.rn_answerdetail #rn_meta tr { color:#808080; /* Neutral Grey 5 */ } /* #rn_dashboard #rn_findanswers p, #rn_dashboard #rn_findanswers h2 { color:#F1F1F1; /* Neutral Grey 6 - changed from e9e9e9 */ } */ #rn_content .rn_required, #rn_content .rn_error, #rn_dashboard #rn_mystuff strong { color:#D05801; /* Orange */ } .rn_answerdetail #rn_about h2 a { color:#0000FF; /* bright blue for RightNow link on about page */ } /* ------------------------------------- ------- Backgrounds and Border Colors ------------------------------------- */ /* Background and Border Colors Used in this Document #6A6B6E Grey 1 (Darkest) #808080 Grey 2 #C7C9CA Grey 3 #D1D1D1 Grey 4 #E9E9E9 Grey 5 (Lightest) #5279A9 Blue 1 (Darkest) #5178A8 Blue 2 #8DB4E4 Blue 3 (Lightest) */ input, textarea, select { border-color:#d1d1d1; } /* Outer and inner wrappers (gray background panel) */ /* #rn_outerwrapper { background:#C7C9CA url(/eeuf/assets/images/bg_outerwrapper_fat.gif) no-repeat left top; */ } #rn_outerwrapper_rt { background:url(/eeuf/assets/images/bg_outerwrapper_tr.gif) no-repeat 100% 0%; } /* #rn_innerwrapper { background:url(/eeuf/assets/images/bg_innerwrapper_fat.gif) no-repeat left bottom; /* removed from new version */ } #rn_innerwrapper_rt { background:url(/eeuf/assets/images/bg_innerwrapper_br.gif) no-repeat 100% 100%; } */ /* Main navigation */ #rn_mainnav li a, #rn_mainnav li a:link, #rn_mainnav li a:visited, #rn_mainnav li a:active { background: url(/euf/assets/images/bg_navleft_off.gif) no-repeat left top; } #rn_mainnav li a span, #rn_mainnav li a:link span, #rn_mainnav li a:visited span, #rn_mainnav li a:active span { background: url(/euf/assets/images/bg_navright_off.gif) no-repeat right top; } #rn_mainnav li a:hover, #rn_mainnav li a:focus { background: url(/euf/assets/images/bg_navleft_over.gif) no-repeat left top; } #rn_mainnav li a:hover span, #rn_mainnav li a:focus span { background: url(/euf/assets/images/bg_navright_over.gif) no-repeat right top; } #rn_mainnav li a.selected, #rn_mainnav li a.selected:link, #rn_mainnav li a.selected:visited, #rn_mainnav li a.selected:hover, #rn_mainnav li a.selected:active { background: url(/euf/assets/images/bg_navleft_on.gif) no-repeat left top; } #rn_mainnav li a.selected span, #rn_mainnav li a.selected:link span, #rn_mainnav li a.selected:visited span, #rn_mainnav li a.selected:hover span, #rn_mainnav li a.selected:active span { background: url(/euf/assets/images/bg_navright_on.gif) no-repeat right top; } /* Grey button gif & hover gif */ a.button, a.button:link, a.button:visited, a.button:active, input.Button, input.Button:link, input.Button:visited, input.Button:active, button.FormButton, button.FormButton:link, button.FormButton:visited, button.FormButton:active, button.button, button.button:link, button.button:visited, button.button:active { background:#6A6B6E url(/euf/assets/images/bg_greybutton.gif) repeat-x left center; } a.button:hover, a.button:focus, input.Button:hover, input.Button:focus, button.FormButton:hover, button.FormButton:focus, button.button:hover, button.button:focus { background:#6A6B6E url(/euf/assets/images/bg_greybutton_hover.gif) repeat-x left center; } /* Blue buttons, including mystuff subnav */ a.button.blue, a.button.blue:link, a.button.blue:active, div.SearchButton input.Button, #rn_masthead input.Button, #rn_masthead input.Button:link, #rn_masthead input.Button:active, #rn_masthead span.NavigationTab a, #rn_masthead span.NavigationTab a:link, #rn_masthead span.NavigationTab a:visited, #rn_masthead span.NavigationTab a:active { background:#6A6B6E url(/euf/assets/images/bg_bluebutton.gif) repeat-x left center; } .yui-dialog .ft button{ background:#6A6B6E url(/euf/assets/images/bg_greybutton.gif); color:#FFFFFF; font-weight: bold; } a.button.blue:hover, a.button.blue:focus, div.SearchButton input.Button:hover, div.SearchButton input.Button:focus, #rn_masthead input.Button:hover, #rn_masthead input.Button:focus, #rn_masthead a.button:hover, #rn_masthead a.button:focus, #rn_masthead ul#rn_mystuffnav a.button:hover, #rn_masthead ul#rn_mystuffnav a.button:focus, #rn_masthead span.NavigationTab a:hover, #rn_masthead span.NavigationTab a:focus { background:#6A6B6E url(/euf/assets/images/bg_bluebutton_hover.gif) repeat-x left center; } #rn_dashboardwrapper { background:#FFF; } /* #rn_dashboard { background:url(/euf/assets/images/bg_dashboard_btm.gif) no-repeat left bottom; } */ /* #rn_dashboard #rn_findanswers h2 { background: transparent url(/euf/assets/images/dbicon_findanswers.png) no-repeat 6px top ; } */ /* #rn_dashboard #rn_findanswers form { background:url(/euf/assets/images/bg_dbfa_formtop.png) no-repeat left top; } #rn_dashboard #rn_findanswers fieldset { background:url(/euf/assets/images/bg_dbfa_formbtm.png) no-repeat left bottom; } */ #rn_dashboard #rn_mostpopular, #rn_dashboard #rn_feedback { background: url(/euf/assets/images/bg_db_greybtm.png) no-repeat left bottom; } #rn_dashboard #rn_mostpopular .rn_iconwrap { background: url(/euf/assets/images/dbicon_mostpopular.png) no-repeat left 2px; } #rn_dashboard #rn_mystuff { background: url(/euf/assets/images/bg_mystuff.gif) no-repeat left top; } #rn_dashboard #rn_askaquestion { background: url(/euf/assets/images/bg_aaq.gif) no-repeat left bottom; } /*------- OUTLINE BOXES RIGHT HAND SIDE ------ */ #rn_dashboard #rn_bg_rt_chat, #rn_dashboard #rn_bg_rt_register, #rn_dashboard #rn_bg_rt_aaq, #rn_dashboard #rn_bg_rt_rma, #rn_dashboard #rn_bg_rt_login { background: url(/euf/assets/images/bg_rt.gif) no-repeat left top; } #rn_dashboard #rn_mystuff .rn_iconwrap { background: url(/euf/assets/images/dbicon_mystuff.png) no-repeat left 15px; } #rn_dashboard #rn_askaquestion .rn_iconwrap { background: url(/euf/assets/images/dbicon_askaquestion.png) no-repeat left 15px; } /* ------------NEW RIGHT HAND SIDE ---------------- */ #rn_dashboard #rn_bg_rt_chat .rn_iconwrap_side { background: url(/euf/assets/images/db-icon-chat.gif) no-repeat 0px 15px; } #rn_dashboard #rn_bg_rt_aaq .rn_iconwrap_side { background: url(/euf/assets/images/db-icon-aaq.gif) no-repeat 0px 15px; } #rn_dashboard #rn_bg_rt_register .rn_iconwrap_side { background: url(/euf/assets/images/db-icon-register.gif) no-repeat 0px 15px; } #rn_dashboard #rn_bg_rt_rma .rn_iconwrap_side { background: url(/euf/assets/images/db-icon-rma.gif) no-repeat 0px 15px; } #rn_dashboard #rn_bg_rt_login .rn_iconwrap_side { background: url(/euf/assets/images/db-icon-login.gif) no-repeat 0px 15px; } #rn_dashboard #rn_feedback .rn_iconwrap { background: url(/euf/assets/images/dbicon_feedback.png) no-repeat left 2px; } #rn_dashboard #rn_live .rn_iconwrap { background: url(/euf/assets/images/dbicon_live.png) no-repeat left 2px; /* Live Help Icon */ } #rn_dashboard #rn_relatedlinks, #rn_sidebar .rn_sidebartextbox { background: url(/euf/assets/images/bg_db_greybtm_narrow.png) no-repeat left bottom; } #rn_dashboard .rn_wrap, #rn_secondarywrapper .rn_wrap { background: url(/euf/assets/images/bg_db_grey_top.png) no-repeat left top; } #rn_tab { font-family:arial,helvetica, sans-serif; font-weight: bold; font-size:13px; color: #333; /* background: url(/euf/assets/images/bg_tab_title.gif) no-repeat left top; */ } #rn_dashboard #rn_columnthree .rn_wrap, #rn_sidebar .rn_wrap { background: url(/euf/assets/images/bg_db_grey_top_narrow.png) no-repeat left top; } #rn_dashboard #rn_columnthree #rn_live { background:url(/euf/assets/images/bg_live_btm.gif) no-repeat left bottom; } #rn_dashboard #rn_columnthree #rn_live .rn_wrap { background:url(/euf/assets/images/bg_live_top.gif) no-repeat left top; } #rn_content { background:#FFF url(/euf/assets/images/bg_content_grey_top.gif) repeat-x left top; } #rn_maincolumn #rn_content .rn_wrap { background:transparent; } #rn_masthead { /* background:#5278A9; */ background: #aaaaaa url(/euf/assets/images/bg_masthead.gif) no-repeat left top; border-bottom:1px solid #E9E9E9; } /* #rn_masthead { background:#5278A9 url(/euf/assets/images/bg_masthead_blue.gif) no-repeat left top; border-bottom:1px solid #E9E9E9; } */ #rn_masthead .rn_iconwrap { background: url(/euf/assets/images/pixel.gif) no-repeat left top; /* Blank Icon */ margin-top: 15px; } #rn_masthead.rn_answers .rn_iconwrap { background-image: url(/euf/assets/images/icon_title_answers.gif); /* Find Answers Icon */ margin-top: 15px; } #rn_masthead.rn_askquestion .rn_iconwrap { background-image: url(/euf/assets/images/icon_title_askquestion.gif); /* Ask A Question Icon */ margin-top: 15px; } #rn_masthead.rn_livehelp .rn_iconwrap { background-image: url(/euf/assets/images/icon_title_chat.gif); /* Live Help Icon */ margin-top: 15px; } #rn_masthead.rn_mystuff .rn_iconwrap { background-image: url(/euf/assets/images/icon_title_mystuff.gif); /* My Stuff Icon */ margin-top: 15px; } #rn_sidebar #rn_browse { background:url(/euf/assets/images/bg_sidebar_blue_btm.png) no-repeat left bottom; } #rn_sidebar #rn_browse .rn_wrap { background:url(/euf/assets/images/bg_sidebar_blue_top.png) no-repeat left top; } #rn_sidebar #rn_live { background:url(/euf/assets/images/bg_live_btm.png) no-repeat left bottom; } #rn_sidebar #rn_live .rn_wrap { background:url(/euf/assets/images/bg_live_top.png) no-repeat left top; } #rn_sidebar #rn_live .rn_iconwrap { background: url(/euf/assets/images/dbicon_live.png) no-repeat left 2px; /* Live Help Icon */ } #rn_content.rn_answerdetail #rn_questiontext { background: url(/euf/assets/images/icon_answers_question.gif) no-repeat left top; /* Question Text Icon */ } #rn_content.rn_answerdetail #rn_answertext { background: url(/euf/assets/images/icon_answers_answer.gif) no-repeat left top; /* Answer Text Icon */ } #rn_content.rn_answerdetail #rn_meta { background:#E9E9E9; } #rn_content.rn_answerdetail table.rn_thread tr.ThreadHeader { background:#D1D1D1; } #rn_content.rn_answerdetail #rn_questiontext, #rn_content.rn_answerdetail #rn_answertext, #rn_content.rn_answerdetail #rn_contact_info, #rn_content.rn_answerdetail #rn_rate, #rn_content.rn_answerdetail #rn_alsoviewed { border-bottom: solid 1px #808080; /* Neutral Grey 5 */ } #rn_content.rn_answerdetail div#rn_meta a.button, #rn_content.rn_answerdetail div#rn_meta a.button:link, #rn_content.rn_answerdetail div#rn_meta a.button:visited, #rn_content.rn_answerdetail div#rn_meta a.button:active, #rn_masthead span.NavigationTab a.selected, #rn_masthead span.NavigationTab a.selected:link, #rn_masthead span.NavigationTab a.selected:visited, #rn_masthead span.NavigationTab a.selected:active, #rn_masthead span.NavigationTab a.selected:visited { background:#E9E9E9 url(/euf/assets/images/bg_ltgreybutton.gif) repeat-x left center; } #rn_content.rn_answerdetail div#rn_meta a.button:hover, #rn_content.rn_answerdetail div#rn_meta a.button:focus { background:#E9E9E9 url(/euf/assets/images/bg_ltgreybutton_hover.gif) repeat-x left center; } #rn_content form.rn_formstyle legend { background:#fff; } div.MenuFilterForm div.FilterFormSelector { background:url(/euf/assets/images/sub_grey.gif) no-repeat 4px top; } /* ------------------------------------- --------------------------- Dashboard/Support Home Page ------------------------------------- */ #rn_dashboardwrapper { /*width:730px; //default */ /* width:570px; //no sidebar */ width:790px; float:left; text-align:left; overflow:hidden; /* border:purple solid 5px; */ } #rn_dashboard { /*width:720px; //default */ /* width:560px; //no sidebar */ width:790px; padding:0 0px 8px 4px; overflow:hidden; position:relative; /* border:pink solid 5px; */ } #rn_dashboard #rn_columnone { padding-top:8px; float:left; width:520px; margin-right:15px; border:green solid 5px; } #rn_dashboard #rn_columntwo { padding-top:10px; float:left; width:550px; /* border:red solid 5px; columntwo-baby! */ } #rn_dashboard #rn_columntwotwo { margin-top:0px; padding-top:0px; float:left; width:240px; /* border:red solid 2px; */ } #rn_columnonedashboard #rn_columnonecolumnthree { float:left; width:160px; padding:0; //default margin:0; border:blue solid 5px; } /* Dashboard Element Styling - General */ #rn_dashboard p.rn_buttonwrap { margin-bottom:0; } #rn_dashboard #rn_findanswers { padding-top:5px; padding-bottom:5px; } #rn_dashboard #rn_findanswers p { font-size:12px; padding-bottom:1em; } /* Grey button font size. */ #rn_dashboard .rn_iconwrap a { font-size:10px; } /* Dashboard Default Icons */ #rn_dashboard #rn_findanswers h2 { font-size:19px; height:1.2em; padding:0 0 12px 39px; } /* Dashboard Find Answers Form */ #rn_dashboard #rn_findanswers fieldset { text-align:left; padding:2px 0px; font-size:11px; } #rn_dashboard #rn_findanswers form label, #rn_dashboard #rn_findanswers form input.KeywordField { /* display:block; */ width:250px; } #rn_dashboard #rn_findanswers form label { font-weight:bold; font-size:13px; margin:0 0 7px; color: #666; } #rn_dashboard #rn_findanswers form input.KeywordField { font-size:13px; border: 2px solid #999999; margin:5px 0 0; } /* Dashboard Fancy Buttons - General */ #rn_dashboard div.SearchButton input.Button { padding:3px 7px 5px 7px; border:none; text-decoration:none; outline:none; /* display:inline; */ width:130px; margin:0 auto; font-size:11px; float:left; font-weight:bold; /* line-height:1em; */ font-family:Arial,sans-serif; } /* Dashboard Grey Boxes */ #rn_dashboard .rn_iconwrap { padding:0 0 0 40px; } #rn_dashboard #rn_mostpopular { margin-top:20px; padding-bottom:10px; width:530px; position:relative; bottom:10px; /* border:black solid 5px; */ } #rn_dashboard #rn_mystuff { margin-top:5px; padding-bottom:8px; margin-left:20px; height:260px; width:250px; /* border:red solid 5px; */ } #rn_dashboard #rn_otherlinks { margin-top:5px; padding-bottom:8px; margin-left:20px; height:140px; width:250px; /* border:red solid 5px; */ } #rn_dashboard #rn_advisory { margin-top:5px; padding-bottom:8px; margin-left:20px; height:140px; width:250px; /* border:red solid 5px; */ } #rn_dashboard #rn_otherlinks a, #rn_dashboard #rn_otherlinks a:link, #rn_dashboard #rn_otherlinks a:visited, #rn_dashboard #rn_otherlinks a:hover, #rn_dashboard #rn_otherlinks a:active { font-weight:bold; text-decoration:none; font-size:11px; color: red; outline:none; cursor:pointer; /* border:green solid 5px; */ } #rn_dashboard #rn_advisory a, #rn_dashboard #rn_advisory a:link, #rn_dashboard #rn_advisory a:visited, #rn_dashboard #rn_advisory a:hover, #rn_dashboard #rn_advisory a:active { font-weight:bold; text-decoration:none; font-size:11px; color: red; outline:none; cursor:pointer; /* border:green solid 5px; */ } /* ------ RIGHT HAND SIDE BOXES ------*/ #rn_dashboard #rn_bg_rt_chat, #rn_dashboard #rn_bg_rt_aaq, #rn_dashboard #rn_bg_rt_register, #rn_dashboard #rn_bg_rt_rma, #rn_dashboard #rn_bg_rt_login { /* margin-top:25px; */ padding-bottom:4px; /* margin-left:20px; */ width:240px; height:125px; /* border:green solid 5px; */ } #rn_dashboard #rn_feedback { margin-top:10px; padding-bottom:8px; width:260px; } #rn_dashboard #rn_live .iconwrap { height:3.25em; padding-top:9px; } #rn_dashboard #rn_relatedlinks { padding-bottom:8px; margin-top:10px; width:160px; } #rn_dashboard .rn_wrap_side { padding:4px 5px 2px 12px; /* border:green solid 5px; */ } /* Dashboard Most Popular List */ #rn_dashboard #rn_mostpopular a { font-size:12px; } /* Dashboard My Stuff */ #rn_dashboard #rn_mystuff p.welcome { font-size:10px; } #rn_dashboard #rn_mystuff strong { font-weight:bold; font-size:12px; } #rn_dashboard #rn_mystuff form label { display:block; font-size:10px; margin-bottom:.2em; } #rn_dashboard #rn_mystuff form input.Field { display:block; margin-bottom:.75em; font-size:11px; width:180px; } /* Live Help */ #rn_dashboard #rn_live h2 { line-height:1.05em; margin-bottom:.5em; } #rn_dashboard #rn_columnthree #live { padding-bottom:8px; width:160px; } #rn_dashboard #rn_columnthree #live .wrap { padding:10px 10px 2px 10px; overflow:auto; } /* ----------------------------------------------------------- -------------------------------- Secondary Style --------------------------- For pages other than Support Home Page ----------------------------------------------------------- */ #rn_secondarywrapper { /* width:730px; */ width:800px; padding:0; overflow:hidden; /* position:relative; */ float:left; text-align:left; } #rn_maincolumn { float:left; width:800px; margin-right:6px; } #rn_sidebar { float:left; width:160px; padding:0; margin:0; } /* Element Styling - General */ h2 { font-size:13px; line-height:1.15em; font-weight:bold; } #rn_sidebar p { font-size:11px; } .rn_iconwrap a { font-size:10px; } /* Icon Boxes, General Rules */ .rn_iconwrap_side { padding:3px 5px 0px 44px; /* Adds space for Icon */ } .rn_wrap { padding:8px 10px 0px 0px; } #rn_sidebar .rn_wrap { padding:10px 10px 2px 10px; overflow:auto; } /* Main Content Area, General Rules */ #rn_content { overflow:auto; width:800px; /* border:red solid 5px; */ } #rn_content .rn_wrap { background-image: none; padding:15px 15px 15px 15px; overflow:auto; overflow-y:hidden; width:770px; /* min-height:300px; */ /* border:green solid 5px; */ } #rn_content .rn_wrap h2 { font-family:Arial, sans-serif; font-size:14px; padding-bottom:.5em; } #rn_content .rn_wrap h3 { font-size:14px; line-height:1.15em; font-family:Arial,sans-serif; padding-bottom:.5em; } #rn_content .rn_wrap ul, #rn_content .rn_wrap ul li { list-style:disc; margin-left:1em; } #rn_content .rn_wrap ol, #rn_content .rn_wrap ol li { list-style:decimal; margin:0 0 0 1.3em; } #rn_content .rn_wrap blockquote { margin:10px 30px; } /* Forms, General Rules */ /* Masthead */ #rn_masthead { padding-top:0px; padding-bottom:0px; padding-left:15px; overflow:hidden; width:785px; } #rn_masthead h1 { font-size: 25px; line-height:1em; letter-spacing:-.005em; } #rn_masthead.rn_answers h1 { font-size: 25px; } #rn_masthead p { font-size:12px; padding-bottom:1em; } #rn_masthead .rn_iconwrap { padding:8px 10px 0 49px; float:left; width:130px; min-height:50px; } #rn_masthead .rn_mastheadintro { float:left; width:334px; padding:15px; } #rn_masthead .rn_mastheadintro2 { float:right; width:200px; height:92px; } #rn_masthead form { font-size:10px; } #rn_masthead #advsearch { margin-top:5px; } #rn_masthead form label { font-weight:bold; font-size:12px; margin:0 0 0px 0; display:block; } #rn_masthead form input.KeywordField { border:#D1D1D1 solid 1px; font-size:12px; margin:0 0 0px 0; display:block; } #rn_masthead form .narrow { width:130px; } #rn_masthead div.MenuFilterDropDown{ margin-bottom:10px; } #rn_masthead div.MenuFilterDropDown label { float:left; } #rn_masthead form select { font-size:12px; border:#D1D1D1 solid 1px; } #rn_masthead form div.rn_sub { margin-left:5px; } /* Fancy Buttons, Masthead */ #rn_masthead div.SearchButton input.Button, #rn_masthead div.SearchButton input.Button:link, #rn_masthead div.SearchButton input.Button:visited { padding:2px 7px 2px; border:none; text-decoration:none; outline:none; display:block; font-size:11px; font-weight:bold; float:left; text-align:center; margin:0 auto; line-height:1em; } /* ------------------------------------- ----------- Secondary Sidebar Content ------------------------------------- */ /* Live Help */ #rn_live h2 { line-height:1.05em; margin-bottom:.5em; } #rn_sidebar #rn_live { padding-bottom:8px; width:160px; margin-bottom:10px; } #rn_sidebar #rn_live .rn_wrap { padding:10px 10px 2px 0px; overflow:auto; } #rn_sidebar #rn_live .iconwrap { height:3.25em; padding-top:9px; } /* Generic Sidebar Text Box */ #rn_sidebar .rn_sidebartextbox { padding-bottom:8px; width:160px; margin-bottom:10px; } #rn_sidebar .rn_sidebartextbox h2 { margin-bottom:.5em; } #rn_sidebar .rn_sidebartextbox h3 { font-weight:bold; font-family:Arial, sans-serif; } /* ------------------------------------- --------- Answers Secondary Page ------------------------------------- */ /* Most Popular, Answers Page */ #rn_content.rn_mostpopular .rn_wrap h2 { font-family:Arial, sans-serif; font-size:14px; padding-bottom:0; } #rn_mostpopular .rn_wrap2 h2 { font-family:Arial, sans-serif; font-size:13px; font-weight:bold; color:#666; margin: 0px; /* padding-bottom:0; */ padding: 0px 0px 0px 2px; } #rn_content.rn_mostpopular ol, #rn_content .rn_wrap div.Multiline ol { margin: 1em 0 .7em 15px; list-style-type: decimal; list-style-position: outside; } #rn_content.rn_mostpopular ol li, #rn_content .rn_wrap div.Multiline ol li { list-style-type: decimal; list-style-position: outside; margin-bottom:.5em; margin: 0 0 .5em 15px; font-size:16px; font-weight:bold; } /* ------------------------------------------- -------- Answer Detail and Question Detail ------------------------------------------- */ #rn_content.rn_answerdetail .rn_wrap { padding:10px 5px 15px 15px; } #rn_content.rn_answerdetail #rn_content .rn_wrap div { background-image: none; padding:15px 5px 15px 15px; overflow:auto; width:600px; } #rn_content .ReportInfo { margin-bottom: 5px; } /* ask_confirm ref-no */ #rn_content.rn_answerdetail .rn_wrap .rn_refno { font-size:12px; font-weight:bold; } #rn_content.rn_answerdetail #rn_summary h2 { font-family:Arial, sans-serif; font-size:16px; font-weight:bold; margin-bottom:0.75em; padding-bottom:0; } #rn_content.rn_answerdetail h3 { font-family:Arial, sans-serif; font-size:12px; font-weight:bold; padding-bottom:10px; clear:both; } #rn_content.rn_answerdetail table.rn_thread { table-layout: auto; } #rn_content.rn_answerdetail a, #rn_content.rn_answerdetail p, #rn_content .rn_wrap ul, #rn_content .rn_wrap ul li, #rn_content .rn_wrap ol, #rn_content .rn_wrap ol li, #rn_content .rn_wrap blockquote { font-size:12px; } #rn_content.rn_answerdetail ol { margin-bottom:1em; } /* Answer Detail Icons */ #rn_content.rn_answerdetail #rn_questiontext { margin:20px 0 10px 0; padding:5px 0 10px 40px; } #rn_content.rn_answerdetail #rn_answertext { background-repeat: no-repeat; background-position: left top; padding:5px 0 0px 40px; float:left; } #rn_content.rn_answerdetail #rn_rate { margin:10px 0; padding:5px 0 20px 40px; font-size:11px; clear:both; /* border:solid 5px blue; */ } /* Answer Detail Meta */ #rn_content.rn_answerdetail #rn_meta { padding:12px; width:460px; margin:1em 0; font-weight:bold; } #rn_content.rn_answerdetail #rn_meta #rn_metalist ul { /*margin-top:1em;*/ margin-left:0; padding: 0; list-style:none; } #rn_content.rn_answerdetail #rn_meta #rn_metalist li { list-style:none; margin-left:0; } #rn_meta #rn_metalist tr.FormField th.FieldLabelRO { text-align:left; } #rn_meta #rn_metalist a { font-size:12px; font-weight:normal } #rn_content.rn_answerdetail #rn_fileattach { margin-top:1em; } /* Answer Detail Also Viewed */ #rn_content.rn_answerdetail #rn_alsoviewed { margin:10px 0; padding:5px 0 10px 40px; } #rn_content.rn_answerdetail #rn_alsoviewed ul, #rn_content.rn_answerdetail #rn_alsoviewed ul li { list-style:disc; margin-left:.75em; } /* Answer Detail Previously Viewed */ #rn_content.rn_answerdetail #rn_previously { margin:10px 0; padding:5px 0 10px 40px; } #rn_content.rn_answerdetail #rn_previously ul, #rn_content.rn_answerdetail #rn_previously ul li { list-style:disc; margin-left:.75em; } /* Fancy Buttons, Answer Detail: Print & Email & Details */ #rn_content.rn_answerdetail div.rn_printemail { text-align: right; font-size:10px; margin-bottom:0; padding-bottom:0; line-height:1em; top:15px; } /********************** keep these html[xmlns*=""] body:last-child #rn_content.rn_answerdetail p.rn_printemail a.button { /* Hack for Safari */ position:relative; top:8px; } body:last-child:not(:root:root) #rn_content.rn_answerdetail p.rn_printemail a.button { /* Hack for Safari */ position:relative; top:8px; } **************************/ /* Answer Detail: Back */ #rn_content.rn_answerdetail p.rn_back a { font-size:10px; } #rn_content.rn_answerdetail p.rn_back { font-size:10px; margin-bottom:0; padding-bottom:0; line-height:1em; position:relative; top:-3px; width:50%; } /* Question & question update contact info */ #rn_content.rn_answerdetail #rn_contact_info { margin-bottom:10px; } /* Question update details section */ #rn_content.rn_answerdetail .rn_graycell { margin-bottom:10px; } /* ------------------------------------- ------------ My Stuff, Secondary Page ------------------------------------- */ /* Fancy Buttons, My Stuff Nav */ #rn_masthead span.NavigationTab a:link, #rn_masthead span.NavigationTab a:visited { padding:3px 7px 5px; text-decoration:none; outline:none; display:block; font-size:10px; font-weight:bold; float:left; text-align:center; margin:0 1px 1px 0; line-height:1em; } #rn_content.mystuff .rn_wrap { min-height:320px; } /* Login page content columns */ #rn_content.rn_mystuff div.rn_leftcolumn { float:left; width:290px; padding-right:20px; margin-right:20px; border-right:#808080 solid 1px; } #rn_content.rn_mystuff div.rn_rightcolumn { float:left; margin-right:0; padding-right:0; border-right:none; width:190px; } #rn_masthead ul#rn_mystuffnav { padding:15px; margin:0 0 0 189px; width:334px; } #rn_masthead ul#rn_mystuffnav li { float:left; margin-bottom:1px; } /* ------------------------------------- ----------Generic Content Form Style ------------------------------------- */ #rn_content form.rn_formstyle { width:525px; padding:0; margin:0; } #rn_content form.rn_formstyle fieldset { border-top:#d1d1d1 solid 1px; clear:both; } #rn_content form a.rn_searchtips { float:right; font-size:10px; } #rn_content form.rn_formstyle fieldset, div.rn_list_form fieldset, #rn_content fieldset { border-top:#D1D1D1 solid 1px; clear:both; } .rn_live fieldset { padding-top:1.5em; } div.rn_list_form legend, #rn_content form.rn_formstyle legend, #rn_content legend { padding:1em 1em 1em 0; font-size:12px; font-weight:bold; font-family:Arial, sans-serif; padding-bottom:1.5em; } #rn_content form.rn_formstyle .button.solitary { clear:both; margin-left:220px; font-size:10px; width:188px; display:block; text-align:center; position:static; border:none; } button.FormButton, button.button { height:20px; cursor:pointer; margin-left:220px; border:none; } div.Content table.Selectors button.button, div.BottomButtons button.button { border-left:5px; margin-left:0; margin-top:5px; } div.MenuFilterForm { float:left; width:300px; } div.MenuFilterForm div.rn_sub { display:block; padding-left:10px; float:none; clear:left; width:250px; } div.MenuFilterForm select { width:220px; } div.FilterFormSpacer { width:7px; } div.FilterFormSelector{ padding-left:10px; width:235px; } /* ----------------------------- ------ About Page ---------- ----------------------------- */ #rn_about h1 { font-size:30px; font-weight:bold; } .rn_answerdetail #rn_about h2 a { font-size:16px; font-weight:bold; text-decoration:none; } /* print styles */ @media print { #rn_secondarywrapper { overflow:visible; } #rn_content { overflow:visible; } #rn_content .rn_wrap { overflow:visible; } }