
/*********************************
Global Style

Index:
    01. Reset
    02. Font multiplier table
    03. Global Settings for Common
         HTML elements
    04. Template Structure
    05. Text Colors
    06. Navigation Bar
    07. Shared/General Components
    08. Answer & Question Detail Pages
    09. Home Page
    10. Account Pages
    11. General Accessiblity
    12. Print Style
    13. Chat Related
**********************************/


/* IMPORT GREAT FRIDAYS CSS ------------------------------------------------------*/

@import url("Master.css");
/* header, footer, calculator, */


/* SECTION STYLES -----------------------------------------------------*/

@import url("Product.css");


/* SHARED STYLES ------------------------------------------------------*/

@import url("Shared.css");



/* 01  RESET ALL STYLES ---------------------------------------------------*/

/** { margin: 0; padding: 0; text-indent: 0; border:0 none; outline:0;  line-height:1; font-size:100%; border-collapse:collapse; border-spacing:0; quotes:none; vertical-align: baseline; font-weight: normal; }
:focus, a { outline: none !important; }
.clearfix { width: 100%; } 
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-style: italic } */


/* GENERAL SHARED STYLES ----------------------------------------------*/

body { color: #777; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; background: #fff; }
h1, h2, h3, h4, h6 { font-size: 100%; font-weight: normal; color: #333333; }
	h1 { font-size: 30px; line-height: 34px; padding-bottom: 24px; }
	h2 { font-size: 24px; line-height: 26px; }
	h3 { font-size: 20px; line-height: 26px; padding-bottom: 20px; }
	h4 { font-size: 14px; line-height: 16px; padding-bottom: 20px; }
	h5 { color: #666; padding: 4px 0 10px; font-weight: bold; font-size: 14px; line-height: 16px; }
.cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading h4 { display: none; }
p { padding: 0 0 20px 0; margin: 0; font-size: 12px; line-height: 18px; }
img { margin: 0; padding: 0; border: 0 none; vertical-align: bottom; }
strong { font-weight: bold; line-height: 13px; }
em { line-height: 13px; }
ul { padding: 0 0 12px 0; margin: 0; }
ol { margin-left: 27px!important; list-style-type: decimal!important; overflow: visible!important;  }
ol li { /*margin-left: 20px!important;*/ list-style-type: decimal!important; overflow: visible!important; /*padding-left: 25px!important;*/ padding-bottom: 12px; line-height: 18px!important; }
dl { padding: 0 0 12px; margin: 0; font-size: 11px; line-height: 18px; }
	dt { display: inline; float: left; clear: left; }
	dd { margin: 0; padding: 0; }
small { margin: 0; padding: 0; font-size: 80%; }
abbr, acronym { cursor: help; }
q { font-style: italic; }
	q:before { content: no-open-quote; content: ""; }
	q:after { content: no-close-quote; content: ""; }
a { text-decoration: none; color: #666; }
    #secondaryNav a:hover {text-decoration: underline; color: #000;}
.blackTheme a { color: #999; }
	a:hover, a:hover span { text-decoration: underline; color: #000; }
	.blackTheme a:hover, .blackTheme a:hover span { color: #fff; }
form {}
	button, input, textarea, select { font-size: 100%; font-family: Arial, Helvetica, sans-serif; line-height: 13px; }
		textarea { resize: none; overflow:auto; background: #fff url(images/curves.png) no-repeat 0 -230px; border: 0 none; padding: 10px; color: #999; width: 245px; height: 150px; }
		input[type=text] { border: 0 none; width: 246px; padding: 4px 10px; color: #999; font-size: 12px; line-height: 16px; background: url(images/curves.png) no-repeat 0 -198px; }
			input.radio { border: 0 none!important; background: none!important; width: 12px; margin-right: 5px; }
		/*select { background: #fff; border: 1px solid #CDC8BE; width: 142px; color: #555; padding: 3px 4px 4px; height: 28px; }*/
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; vertical-align: top; }
	caption, td, th { text-align: left; font-size: 12px; line-height: 18px; font-weight: normal; }
	
#left-align {
    float: left;
}
#right-align {
    float: right;
    overflow: hidden;
  }
  
#md_notes {
    width: 400px;
    font-size: 10px;
    line-height: 13px;
    color: #a10000;
    font-family: verdana, sans-serif;
    
}


/*************************************
    02. Font multiplier table
**************************************
Pixels  EMs   Percent    Points
6px   0.500     50.00%     5pt
7px     0.583     58.30%     5pt
8px     0.667     66.70%     6pt
9px     0.750     75.00%     7pt
10px     0.833     83.30%     8pt
11px     0.917     91.70%     8pt
(12px is our body default)
12px     1.000     100.0%     9pt
13px     1.083     108.3%     10pt
14px     1.167     116.7%     11pt
15px     1.250     125.0%     11pt
16px     1.333     133.3%     12pt
17px     1.417     141.7%     13pt
18px     1.500     150.0%     14pt
19px     1.583     158.3%     14pt
20px     1.667     166.7%     15pt
21px     1.750     175.0%     16pt
22px     1.833     183.3%     17pt
23px     1.917     191.7%     17pt
24px     2.000     200.0%     18pt
***************************************/

/*************************************
    03. Global Settings for Common
          HTML elements
*************************************/
/*Japanese charset support*/
html[lang="ja-JP"],
html[lang="ja-JP"] input, html[lang="ja-JP"] textarea, html[lang="ja-JP"] select {
    font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", Helvetica, Arial, sans-serif;
}
body { color: #777; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; background: #fff; }
h1, h2, h3, h4, h6 { font-size: 100%; font-weight: normal; color: #333333; }
	h1 { font-size: 30px; line-height: 34px; padding-bottom: 24px; }
	h2 { font-size: 24px; line-height: 26px; }
	h3 { font-size: 20px; line-height: 26px; padding-bottom: 20px; }
	h4 { font-size: 14px; line-height: 16px; padding-bottom: 20px; }
	h5 { color: #666; padding: 4px 0 10px; font-weight: bold; font-size: 14px; line-height: 16px; }
.cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading h4 { display: none; }
p { padding: 0 0 20px 0; margin: 0; font-size: 12px; line-height: 18px; }

table {
    border-collapse:separate;
    border-spacing:0.3em;
}
hr {
    margin:10px 0px;
}
strong {
    font-weight: bolder;
}
caption {
    color:#404040;
    font-size:1em;
    font-weight:bold;
    line-height:1.3em;
}
blockquote {
    margin:10px 30px;
}
a:visited {
    color:#666666;
}
a:hover {
    color: #000;
    text-decoration: underline;
}
input[type="text"], input[type="password"]  {
    height:18px;
}
input, textarea {
    border:0;
    /*font-family bears repeating for IE6/7*/
    font-family: Arial, Helvetica, sans-serif;
    padding:2px;
}
/* input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    border-color:#AAA;
    background-color:#F8F8F8; */
}
/*input[type="submit"],
button {
    /*  button gradient 1x60 sprite image */
    /* background:#0E53A7 url(images/buttonGradientCombo.png) 0px 0px repeat-x;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    border:1px solid #304764;
    color:#FFF;
    cursor:pointer;
    font:bold 12px Helvetica,Arial,sans-serif;
    line-height:normal;
    margin-right:6px;
    padding:6px 8px;
    text-decoration:none;
    text-shadow:2px 2px 2px rgba(0,0,0,0.25);*/
    /*Fix for IE6/7 button width bug*/
    /*width:auto;
    *overflow:visible; */
}
input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus {
    background: url("images/curves-roll.png") repeat scroll 0 -97px transparent;
    color: #FFFFFF; !important;
    display: block;
    font-size: 12px;
    padding: 3px 0 6px;
    text-align: center;
    text-shadow: none;
    width: 122px;
    cursor: pointer;
    }
input[type="submit"][disabled],
button[disabled] {
    background: url("images/curves.png") repeat scroll 0 -97px transparent;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    padding: 3px 0 6px;
    text-align: center;
    text-shadow: none;
    width: 122px;
    cursor: pointer;
    }

/********************************
    04. Template Structure:
    rn_Container
        rn_Header
        rn_Navigation
        rn_Body
            rn_MainColumn
            rn_SideBar
        rn_Footer
            rn_RightNowCredit
********************************/
#rn_Container {
 width: 960px; 
 overflow: hidden; 
 margin: 0 auto;
}

#headerWrapper {
 width: 100%; 
 min-width: 960px; 
 background: url(images/bg-header.gif) repeat-x 0 -191px; 
 z-index: 10; 
 position: relative; 
 }
 
    #rn_Header a {
        color:#FFF;
    }
    #rn_Logo {
        cursor:pointer;
        float:left;
        font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
        height:70px;
        letter-spacing:-0.8px;
        margin-top:4px;
        position:relative;
        width:32%;
    }
    #rn_Logo a {
        bottom:0;
        color:#FFF;
        cursor:pointer;
        font-size:2.083em;
        font-weight:normal;
        left:0;
        line-height:1em;
        text-decoration:none;
    }
    #rn_Logo a span.rn_LogoTitle {
        cursor:pointer;
        top:20px;
        position:relative;
    }
    #rn_Logo a span.rn_LogoTitleMinor {
        color:#DEDEDE;
    }
    #rn_Logo a img {
        display:block;
    }
    #rn_LoginStatus{
        font-size:0.917em;
        text-align:right;
    }
    #rn_LoginStatus a{
        font-weight:normal;
        text-decoration:none;
    }
#rn_Navigation {
    background:transparent none repeat scroll center top;
    height:31px;
    /*IE6*/
    _height:28px;
    margin-left:1px;
    padding:3px 10px 0 0;
}
    #rn_NavigationBar {
        float:left;
        height:14px;
    }
    #rn_NavigationBar ul li {
        float:left;
    }
#rn_Footer, #rn_Body {
    overflow:hidden;
    padding:0 0px 20px 10px;
    text-align:left;
    width:99%;
    
}
    #rn_MainColumn {
        background:#FFF;
        float:left;
        margin-right:8px;
        min-height:650px;
        height:auto !important;
        height:650px;
        overflow:visible;
        padding:0px 0px 10px 6px;
        width:74%;
    }
    #rn_SideBar {
        float:right;
        margin-right:12px;
        width:23%;
    }
#rn_Footer {
    border-bottom:1px solid #E2E2E2;
}
    #rn_RightNowCredit {
        border-top:1px solid #DDD;
        clear:both;
        padding:10px 0px 10px 0px;
        text-align:right;
        margin:auto 20px;
    }
	

#rn_SpotlightsContainer {
    clear: both;
    margin: 0 auto;
    width: 940px;
}

#rn_SpotlightsContainer p {
    font-size: 12px;
    color: #777;
}    
#rn_SpotlightsContainer h2 {
    font-size: 24px;
    margin-bottom: 20px;
    margin-left: 16px;
}

#rn_SpotlightsContainer h3 {
    font-size: 16px;
}


/* WITH JS GOBAL STYLES -------------------------------------------------*/

/*************************************
    05. Text Colors
*************************************/
body,
fieldset legend {
    color:#000;
}
a:link {
    color:#777;
}

/*************************************
    06. Sidebar Content
*************************************/
#rn_SideBar .rn_Padding {
    padding:16px 4px 2px 10px;
    overflow:auto;
}
    /**Sprite for help resources**/
    .rn_HelpResources {
        margin:0 4px 10px 4px;
    }
    .rn_HelpResources .rn_Questions,
    .rn_HelpResources .rn_Community,
    .rn_HelpResources .rn_Contact,
    .rn_HelpResources .rn_Chat,
    .rn_HelpResources .rn_Feedback{
        margin-top:10px;
    }
    .rn_HelpResources a{
        background:url(images/layout/contactDiscs.png) no-repeat;
        color:#464646;
        display:block;
        font-size:1.25em;
        font-weight:bold;
        margin:4px;
        min-height:22px;
        /*min-height for IE6/7*/
        height:auto !important;
        height:22px;
        padding:10px 0 0 40px;
        text-decoration:none;
    }
    .rn_HelpResources a:hover {
       text-decoration:underline;
    }
    .rn_HelpResources span{
        display:block;
        margin:0 0 0 44px;
    }
    
    /* image is 32 x 220 : icons are 32 x 32 */
    .rn_HelpResources .rn_Questions a{
        background-position: 0px -4px;
    }
    .rn_HelpResources .rn_Contact a{
        background-position: 0px -48px;
    }
    .rn_HelpResources .rn_Chat a{
        background-position: 0px -96px;
    }
    .rn_HelpResources .rn_Feedback a{
        background-position: 0px -140px;
    }
    .rn_HelpResources .rn_Community a{
        background-position: 0px -184px;
    }

/***********************************************************
    07. Shared / General Styling
***********************************************************/
/*************
Main search form at the top of many pages
(answers/list, questions/list, questions/detail, home)
*************/
#rn_SearchControls {
    height: 100px;
      width: 600px;
      margin-top: 25px;
}
#rn_SearchControls form {
    padding:0 0 6px;
    margin-bottom:20px;
}
#rn_SearchControls h1 {
	font-size: 18px;
	line-height: 22px;
	padding: 0; margin-bottom: 5px;
}
/*#rn_SearchControls form input[type="submit"],
#rn_SearchControls form input[type="image"] {
    margin:1.3em 0 0 1.3em;
    padding:.4em 1em;
}*/
/**IE6 doesn't use attr selectors*/
#rn_SearchControls input {
}
    #rn_SearchControls .rn_SearchInput {
        float:left;
	margin-left: 13px;
        position:relative;
	width: 500px;
    }
    #rn_SearchControls .rn_SearchInput a {
        color:#666;
        display:block;
        float:right;
        font-size:12px;
        margin-right:-8px;
        /*IE6/7*/
        *margin-right:0;
        *position:absolute;
        _right:0px;
        text-decoration: none;
    }
    a.mostPopularQuestionsLink {
	color: #666;
	float: left;
	background: url("images/icon-downArrow.png") no-repeat right;
	display: inline-block;
	width: 156px;
	font-weight: bold;
	font-size: 11px;
	margin-top: 11px;
	margin-left: 15px;
	
    }
    a.mostPopularQuestionsLink:visited {
	outline: 0;
	border: 0;
	color: #666;
    }
    a.mostPopularQuestionsLink:active {
	outline: 0;
	border: 0;
	color: #666;
    }
    a.mostPopularQuestionsLink:hover {
	color: #000;
	text-decoration: underline;
    }
	
    #rn_SearchControls .rn_SearchInput label {
        bottom:0px;
        position:absolute;
        /*IE6/7*/
        *bottom:-50px !important;
        *position:relative !important;
    }
    #rn_SearchControls .rn_SearchInput input {
        font-weight:normal;
        height:16px;
	/*width: 250px;*/
        /*IE6*/
        margin: 0;
	
        /*width:250px;*/
	font-size: 12px;
	display: inline;
	
    }
    .rn_SubmitButton {
	width: 80px; float: right;
    }

#rn_SearchControls.answersList {
    margin-left: 15px;   
}
/************************
PageTitle -
Appears at the top of each page
************************/
#rn_PageTitle {
    overflow:hidden;
    padding:16px 0 0;
}
#rn_AnswerPageTitle {
    overflow:hidden;
    padding:16px 0 0;
    height: 50px;
}
#rn_PageTitle.rn_Home,
#rn_PageTitle.rn_QuestionList,
#rn_PageTitle.rn_AnswerList {
    border-bottom:0;
    overflow:visible;
}
#rn_PageTitle.rn_Home {
    margin-bottom:10px;
}
#rn_PageTitle h1,
#rn_PageTitle h2,
#rn_PageTitle h3,
#rn_PageTitle h4,
#rn_PageTitle h5,
#rn_PageTitle h6 {
    clear:left;
    word-wrap:break-word;
}
#rn_PageTitle p {
    clear:both;
}
/************************
PageContent
************************/
#rn_PageContent {
    clear:both;
    overflow:hidden;
    margin: 0 auto;
}

#rn_MainContent {
   margin-left: -7px;
}

/*************************************
Forms
*************************************/
#rn_PageContent form h2,
.rn_HeadingBar {
    background:#F9F9F9;
    border:1px solid #CCC;
    clear:both;
    color:#414142;
    letter-spacing:-0.03em;
    padding:4px;
    /*margin:20px 0 10px;*/
}
/**generic form legend only visible for screen readers (forms mode)*/
form legend {
    font-size:0em;
    visibility:hidden;
}
form fieldset {
    padding-left:8px;
}
form button {
    /*margin-top:20px;*/
}
form .rn_Column {
    margin-bottom:10px;
}
.rn_HintBox {
    background-color:#F2F2F2;
    border:1px solid #DBDBDB;
    color:#222;
    opacity:.7;
    padding:4px 16px 2px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topright:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}
.rn_Required, .rn_ErrorLabel {
    color:#C10000;
}
.rn_ErrorField {
    background-color:#FFF !important;
}
.rn_MessageBox {
    background-color:#FFFFE0;
    border:1px solid #808080;
    color:#990000;
    margin:10px 0;
    padding:6px;
}
.rn_ErrorMessage {
    background:#FFFFE0 url(images/layout/important.png) no-repeat;
    padding:8px 6px 8px 40px !important;
}
    .rn_ErrorMessage a {
        color:#990000;
    }
.rn_InfoMessage {
    background:#FFFFE0 url(images/layout/info.png) no-repeat;
    padding:6px 6px 4px 40px !important;
}
    
/***************
Dialogs
****************/
.rn_Dialog {
    overflow:visible;
}
.rn_Dialog ol,
.rn_Dialog ul {
    padding:0.4em 0 0 1.8em;
}
.rn_Dialog ol li {
    list-style:decimal outside none;
}
.rn_Dialog ul li {
    list-style:disc outside none;
}
/**************
Module Box
**************/
.rn_module {
    overflow: visible;
    clear: both;
    /*background-image: URL('images/shadow-685.png');
    background-repeat: no-repeat;*/
    /*padding-top: 40px;*/
    margin-bottom: 60px;
    margin-left: 16px;
}
.rn_Module h3,
.rn_Module h2 {
    margin-left: 16px;
    
}
.rn_Module h2 {
    font-size: 24px;
}
.rn_module a {
    font-size: 12px;
    color: #777;
}
/***********
Misc Common rules
**********/
.rn_FloatRight {
    float:right;
}
.rn_FloatLeft {
    float:left;
}
.rn_Padding {
    padding:8px 10px 2px 10px;
}
.rn_ClearBoth {
    clear:both;
}
.rn_Highlight {
    font-style:normal;
    font-weight:bold;
    text-decoration:inherit;
}
#rn_ClearBoth {
    clear: both;
}
/**********
Columns
**********/
/*.rn_ColumnContainer {
    width:100%;
}
.rn_Column {
    width:48%;
}
.rn_LeftColumn {
    float: left;
    padding:0 4px 0 0;
}
.rn_RightColumn {
    float:right;
    padding: 0 0 0 4px;
}
.rn_LargeText {
    font-size:1.333em;
    font-weight:bold;
    line-height:1.4em;
}*/

/*******************************************
    08. Answer & Question Detail
*******************************************/
#rn_Summary {
    padding: 7px 0 0 0;
    line-height:1em;
    letter-spacing:-.01em;
}
#rn_AnswerInfo {
    color:#888;
    margin:6px 0 20px;
}
#rn_AnswerInfo div {
    display:inline;
}
#rn_AnswerText {
    clear:both;
    line-height:1.4em;
    padding:5px 0 15px;
}
#rn_FileAttach {
    padding-bottom:1em;
}
#rn_ProductCategorySearchFilter {
    display: none;
}
#rn_QuestionText ol { list-style-type: decimal!important; }

#rn_QuestionText ol li { list-style-type: decimal!important; margin-top: 16px; }

/************
List styles for answer content
*************/
.rn_QuestionDetail ol,
.rn_QuestionDetail ul,
.rn_AnswerDetail ol,
.rn_AnswerDetail ul {
    padding-left:2em;
    clear: both;
}
.rn_QuestionDetail > ol,
.rn_QuestionDetail > ul,
.rn_AnswerDetail > ol,
.rn_AnswerDetail > ul {
    margin-bottom:1em;
}
.rn_QuestionDetail li,
.rn_AnswerDetail li {
    line-height:1.4em;
    margin:4px;
}
/* Unordered lists */
.rn_QuestionDetail ul li,
.rn_AnswerDetail ul li {
    list-style: disc;
}
.rn_QuestionDetail li ul li,
.rn_AnswerDetail li ul li {
    list-style: circle;
}
.rn_QuestionDetail li li ul li,
.rn_AnswerDetail li li ul li {
    list-style: square;
}
/* Ordered lists */
.rn_QuestionDetail ol li,
.rn_QuestionDetail li ol li,
.rn_QuestionDetail li li ol li,
.rn_AnswerDetail ol li,
.rn_AnswerDetail li ol li,
.rn_AnswerDetail li li ol li {
    list-style: decimal;
}


/* Incident thread */
#rn_UpdateQuestion textarea {
    width:98%;
}
#rn_QuestionThread {
    margin:4px;
}
#rn_AdditionalInfo, #rn_DetailTools {
    background:#EEE url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVQIHWP4DwABAQEANl9ngAAAAABJRU5ErkJggg==) repeat-x scroll 0 0;
    *background:#EEE; /* IE6/7 don't support data URI */
    border:1px solid #BBB;
}
/** Additional Details box **/
#rn_AdditionalInfo {
    margin:1em;
    overflow:hidden;
    padding:12px;
    width:560px;
}
/** Print/Email/Notif/Share Container **/
#rn_DetailTools {
    line-height:1em;
    margin-top:2em;
    padding:8px 0;
    text-align: right;
}
/*************************************
    09. Home Page : Top Answers
*************************************/
#rn_PageContent.rn_Home{
    overflow: hidden;
    width: 685px;
}
#rn_PageContent.rn_Home .rn_Module ul{
    margin:12px;
    list-style-type: decimal;
    color: #777;
    font-size: 13px;
    margin-left: 16px;
}
#rn_PageContent.rn_Home .rn_Module ul li{
    float:left;
    margin:0px;
    margin-left: 30px;
    padding:4px;
    width:100%;
    font-size: 12px;
    list-style-type: decimal;
    color: #777;
}
#rn_PageContent.rn_Home .rn_Module ul li img{
    display:none;
}
#rn_PageContent.rn_Home .rn_Module ul li a{
    font-size:12px;
    margin:4px;
}
.rn_AnswersLink {
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    margin:10px 0 10px 0px;
    color: #777;
    text-decoration: underline;
}
.rn_AnswersLink:active {
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    margin:10px 0 10px 0px;
    color: #777;
    text-decoration: underline;
    border: 0; outline: 0;
}
.rn_AnswersLink:visited {
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    margin:10px 0 10px 0px;
    color: #777;
    text-decoration: underline;
    border: 0; outline: 0;
}
.rn_AnswersLink:hover {
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    margin:10px 0 10px 0px;
    color: #111;
    text-decoration: underline;
}

/*************************************
    10. Account Pages
*************************************/
/*********************
Sprite for overview page
*********************/
.rn_Overview {
    padding:12px 10px 2px;
}
.rn_Overview h2 {
    background-color:#F9F9F9;
    border:1px solid #DDD;
    margin-top:10px;
}
/* image is 32 x 148 : icons are 32 x 32 */
.rn_Overview h2 a,
.rn_Overview h2 strong {
    background:url(images/layout/accountOverview.png) no-repeat;
    color:#505050;
    display:block;
    height:26px;
    margin:4px;
    outline:none;
    padding:8px 0 0 40px;
    text-decoration:none;
}
.rn_Overview a:focus,
.rn_Overview a:hover {
    text-decoration:underline;
}
.rn_Overview a.rn_Questions {
    background-position: 0px 2px;
}
.rn_Overview a.rn_Profile {
    background-position: 2px -38px;
}
.rn_Overview a.rn_Notifs {
    background-position: 0px -74px;
}
.rn_Overview strong.rn_Contracts {
    background-position: 0px -114px;
}
.rn_Overview div.rn_Questions,
.rn_Overview div.rn_Notifs,
.rn_Overview div.rn_Profile,
.rn_Overview div.rn_Contracts {
    margin:10px 0px 40px 40px;
}
.rn_QuestionList caption {
    font-size:1.333em;
    font-weight:bold;
    line-height:1.4em;
}
/*********************
login page
*********************/
.rn_Account.rn_LoginForm h2{
    color:#404040;
    font-size:1em;
    line-height:1.3em;
}
.rn_Account.rn_LoginForm .rn_Column.rn_RightColumn{
    width:47%;
    position: relative;
    left:20px;
}
.rn_Account.rn_LoginForm .rn_Column.rn_LeftColumn{
    border-right:1px solid #CCC;
    min-height: 350px;
    *position:relative;
}
.rn_Account.rn_LoginForm .rn_MiddleBuffer{
    background:#FFF;
    bottom:-80px;
    left:-9px;
    padding:4px 0;
    position:relative;
}
.rn_Account.rn_LoginForm .rn_ThirdPartyLogin{
    /*To ensure proper IE7 behavior with presentation CSS*/
    *position: relative;
}

/********************************
    11. General Accessibility
*********************************/
#rn_SkipNav a {
    left:0px;
    height:1px;
    overflow:hidden;
    position:absolute;
    top:-500px;
    width:1px;
}
#rn_SkipNav a:active, #rn_SkipNav a:focus {
    background-color:#FFF;
    height:auto;
    left:auto;
    top:auto;
    width:auto;
}

/****************************
    12. Print Style
    (only display content)
****************************/
@media print
{
    body{
        font-size:1em;
    }
    #rn_DetailTools,
    #rn_Header,
    #rn_Navigation,
    #rn_SideBar,
    #rn_Footer{
        display:none;
    }
    #rn_Footer, #rn_Body, #rn_PageContent, #rn_PageTitle, #rn_AdditionalInfo{
        overflow:visible;
    }
    #rn_Body {
        border: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
}

/*******************************************
    13. Chat Related
*******************************************/

#rn_ChatContainer {
    height:100%;
    margin:0px auto;
    overflow:hidden;
    text-align:left;
}

#rn_ChatDialogContainer {
    background-color:#EBEFF5;
    border:1px solid #555;
    overflow-x:hidden;
    overflow-y:auto;
    position:relative;
    height:450px;
}

#rn_ChatDialogHeaderContainer {
    height:30px;
    overflow:visible;
    padding:4px;
    vertical-align:middle;
}

#rn_ChatDialogTitle {
    margin-top: 8px;
}

#rn_ChatDialogHeaderButtonContainer button{
    background: none;
    border-color: transparent;
    color: #555;
    margin-right: .25em;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 2px;
}

#rn_ChatDialogHeaderButtonContainer button:hover,
#rn_ChatDialogHeaderButtonContainer button:focus{
    /*background-color: #F8F8F8;*/
    border-color: #CCC #555 #555 #CCC;
    color: #000;
}

#rn_InChatButtonContainer {
    overflow: visible;
}

#rn_PreChatButtonContainer{
    overflow: visible;
}

#rn_ChatQueueSearchContainer {
    bottom: 0px;
    position: absolute;
    width: 100%;
}

#rn_ChatQueueSearchContainer div.rn_ScreenReaderOnly {
    display: none;
}

#rn_ChatFooter {
    padding: 10px;
}

#rn_ChatLogo {
    height:100px;
    position: absolute;
    right: 10px;
    top: 10px;
    width:135px;
}

@media print
{
    #rn_ChatDialogHeaderContainer,
    #rn_InChatButtonContainer,
    #rn_PreChatButtonContainer,
    #rn_ChatQueueSearchContainer,
    #rn_ChatLogo {
        display:none;
    }

    #rn_ChatContainer {
        border:0;
        overflow: visible;
        height: auto;
    }

    #rn_ChatDialogContainer {
        overflow: visible;
        height: auto;
    }
}

/* Replaced CSS -----------------------------------*/

#leftCol635 {
    width: 685px;
    float: left;
    margin-left: 16px;
}

#feedback {
    margin-left: 16px;
    width: 665px;
}

#answer {
    float: left;
    max-width: 440px;
    margin-left: 16px;
    color: #777;
    font-size: 12px;
    line-height: 18px;
}

#answer h3 {
    clear: both;
    font-size: 18px;
    margin-bottom: 0;padding: 0;
}

#answer p {
    color: #777;
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    padding-bottom: 15px;
}

#answer h3 p {
    font-size: 21px;
}


#answer a {
    color: #666;
    text-decoration: underline;
    line-height: 18px;
}
#answer a:visited {
    color: #666;
    text-decoration: underline;
    border: 0; outline: 0;
}
#answer a:active {
    color: #666;
    text-decoration: underline;
    border: 0; outline: 0;
}
#answer ul { display: block; list-style-type: none; list-style-position: inside; color: #777; }
#answer ul li { padding-left: 17px; display: block; background-color: #fff; list-style-type: disc; list-style-position: inside; color: #777;
    margin-bottom: 10px; background: url(images/bullet.gif) top left no-repeat; }

#answerImage {
    float: right;
    width: 130px;
    min-height: 200px;
}

#delimiterShadow {
    /*background-image: URL('images/shadow-685.png');
    background-repeat: no-repeat;*/
    min-height: 32px;
}
.rnHomeDocumentation {
    margin-top: -20px;
}

#rightColContainer235 {
    float: right;
    width: 235px;
    background-color: #f8f8f8;
    background-image:URL('images/sidebarGradient.png');
    background-position: bottom;
    background-repeat: repeat-x;
    color: #777;
    height: auto;
    min-height: 595px;
    border-top: 1px solid white;
    margin-right: 10px;
}
#rightColSection.contactSection  {
    width: 100%;
    padding-top: 41px;
    padding-bottom: 29px;
    background-image: url('images/shadow-235.png');
    background-position: bottom;
    background-repeat: no-repeat;
    }
#rightColSection.contactSection H3 {
    margin: 0;
    margin-left: 20px;
}
#rightColSection.previousAnswers {
    /*background-image:  url('images/shadow-235.png');*/
    /*background-position: bottom;*/
    /*background-repeat: no-repeat;*/
    padding-bottom: 20px;
}
/*#rightColSection.contactSection {
    height: auto;
    min-height: 120px;
    background-image: none;
    padding-top: 30px;
    }*/
a.askAQuestionButton {
    color: #FFF;
	font-size: 12px;
    display: block;
    width: 115px;
    text-align: centre;
    height: auto;
    min-height: 27px;
    background-image: url('images/Grey-button_150px.gif');
    background-position: top;
    background-repeat: no-repeat;
    padding-left: 40px;
    padding-top: 7px;
    margin-top: 16px;
    }
a.askAQuestionButton:active {
    color: #FFF;
    border: 0; outline: 0;
}
a.askAQuestionButton:visited {
    color: #FFF;
    border: 0; outline: 0;
}
a.askAQuestionButton:hover {
	text-decoration: none;
    color: #FFF;
	font-size: 12px;
    display: block;
    width: 115px;
    text-align: centre;
    height: auto;
    min-height: 27px;
    background-image: url('images/Grey-button-roll_150px.gif');
    background-position: top;
    background-repeat: no-repeat;
    padding-left: 40px;
    padding-top: 7px;
    margin-top: 16px;
    }
#rightColSection H3 {
    font-size: 18px;
    padding-bottom: 11px;
    }
#rightColContent {
    width: 195px;
    margin-left: 20px;
}
#rightColContent H3 {
    margin: 0;
}


#rightNow_SearchContainer {
    width: 395px;
}
   /*These don't work for some reason on search box
    #rightNow_searchContainer.formBox {
	width: 290px;
	float: left;
	margin-left: -18px; 
    }
    #rightNow_searchContainer.submitBox {
	width: 200px;
	float: right;
	margin-right: 25px;
    } */
.mostPopularQuestionsLink   {
    text-align: left;
    color: #777;
    margin-bottom: 15px;
}
    
#resultsTitleBar {
   
   min-height: 44px;background-color: #f8f8f8;
    /*background-image: URL('images/shadow-685.png');
   background-repeat: no-repeat;*/
   padding-left: 16px; padding-top: 33px;  
   margin-left: -16px;
}    

#paginator_offset-right  {
    margin-right: 8px;
    margin-left: 8px;
    float: right;
    overflow: hidden;
    }
    
#paginator_offset a {
    margin-left: 3px; margin-right: 3px;
}
    
#answersListLowerPagination {
    height: 82px;
    padding: 12px 10px 0 20px;
    padding-top: 21px;
    clear: both;
    display: block;
    /*background-image: URL('images/pagination-bottom.png');
    background-repeat: no-repeat;*/
    }
 
#backLink {
    margin-bottom: 16px;
    margin-left: 16px;
    float: left;
}

.lowerBackLink {
    margin-top: 16px;
}

#backLink a {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}
#backLink a:visited {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}
#backLink a:active {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}
#backLink a:hover {
    color: #666;
    font-weight: bold;
    text-decoration: underline;  
}

#topLink {
    margin-bottom: 16px;
    /*margin-right: 16px;*/
    float: right;
}
#topLink a {
    color: #666;
    font-weight: bold;
    text-decoration: none;
    width: 30px;
    display: block;
    background: url("images/icons.png") no-repeat scroll right -964px transparent;
    text-align: left;
}
#topLink a:visited {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}
#topLink a:active {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}
#topkLink a:hover {
    color: #666;
    font-weight: bold;
    text-decoration: underline;  
}

#feedback button {
    background: url("images/curves.png") no-repeat scroll 0 -908px transparent;
    width: 62px;
	height: auto;
    min-height: 27px;
    padding: 6px 0 8px;
    text-align: center;
    text-shadow: none;
    color: #FFF;
	font-size: 12px;
    line-height: 11px;
    padding-bottom: 8px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}
#feedback button:active {
    border: 0; outline: 0;
}
#feedback button:visited {
    border: 0; outline: 0;
}
#feedback button:hover {
    cursor: pointer;
	background: url("images/curves-roll.png") no-repeat scroll 0 -908px transparent;
    width: 62px;
    padding: 6px 0 8px;
    text-align: center;
    text-shadow: none;
    color: #FFF;
	font-size: 12px;
    line-height: 11px;
    padding-bottom: 8px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}
#ask_question_title {
    margin-left: 16px;
    margin-top: 32px;
    font-size: 12px;
    color: #777;
    height: 100px;
}

#ask-section {
	width: 419px ;
	margin-top: 33px; 
	padding-top: 20px; 
	clear: both ;
	display: block ; 
	background: URL('images/ask-delimiter.png') left top no-repeat ; 
}

#ask-section H2 { 
	margin-bottom: 20px; 
}

	

#AskForm {
    float: left;
    margin-top: 10px;
    margin-left: 16px;
    padding-top: 5px;
    width: 420px;
    overflow: hidden;
}
#AskForm form {
    clear: both;
    padding: 0;margin: 0;
    margin-bottom: 16px;
    vertical-align: text-top;
}


#AskForm input {
    margin: 0;
    vertical-align: text-top;
}

#AskForm input.rn_Text {
    margin: 0;
    margin-bottom: 16px;
    /*margin-top: -18px;*/
    padding-top: 3px;
    width: 249px;
    float: right;
}
#AskForm textarea {
    margin: 0;
    margin-bottom: 16px;
    /*margin-top: -18px;*/
    width: 249px;
    float: right;
    color: #999999;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 10px;
    overflow: visible;
    height: 160px;
    }
#AskForm select {
    display: block;
    margin: 0;
    /*background-image:url("images/SelectorDropDownBackground.png");
    background-position: left;*/
    float: right;
    margin-bottom: 16px;
    /*margin-top: -21px;*/
    margin-right: -17px;
    width: 288px;
    font-size: 12px;
    color: #777;
    height: 28px;
    padding-top: 5px; padding-bottom: 3px; padding-left: 6px;
    overflow: visible;
}
#AskForm select element.style {
    opacity: 0;
    }
    
.rn_Panel {
    border: 1px solid #ccc;
    margin-left: 100px;
}

.rn_Mask, .rn_MaskBuffer {
    display: none;
}
.rn_HintBox {
    margin-left: 325px;
    margin-top: 5px; 
    width: 175px;
    background-color: #eee;
}

.rn_FormSubmit {
    clear: both;
    margin-top: 32px;
    margin-bottom: 32px;
    float: right;
    text-align: right;
}

.rn_FormSubmit input {
	background: url("images/curves.png") repeat scroll 0 -97px transparent;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    padding: 3px 0 8px;
	padding-bottom: 5px;
    text-align: center;
    text-shadow: none;
    width: 122px;
	height: auto;
    min-height: 27px;
}

.rn_FormSubmit input:hover {
    cursor:pointer;
	background: url("images/curves-roll.png") repeat scroll 0 -97px transparent;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    padding: 3px 0 8px;
	padding-bottom: 5px;
    text-align: center;
    text-shadow: none;
    width: 122px;
	height: auto;
    min-height: 27px;
}

arn_ErrorPage a {
    color: #777;
}

.rn_AskQuestion {
    font-size: 12px;
    color: #777;
    line-height: 18px;
    width: 500px;
    float: left;
}

#rn_alt_addr_fld legend {
    display: none!important; 
}

#askFormNote {
    float: left;
    margin-top: -20px;
    margin-left: 155px;
    text-align: right;
    font-size: 11px !important;
    margin-bottom: 25px;
    }
    