/* RNW Enduser Interface Stylesheet (enduser.css)*/

/* OPTIMUM body styles --------------------------------------------------- */
*					{ margin:0;padding:0; }

body				{ margin-left:auto; margin-right:auto; text-align:left; }

p					{ margin-bottom:12px; }

#rnOuterWrapper a	{ font-size:100%; color:#0175ac; text-decoration:none; }
#rnOuterWrapper #rn_AnswerText a	{ font-size:100%; color:#0175ac; text-decoration:underline; font-weight:bold; }

#rnOuterWrapper a:hover	{ text-decoration:underline; }
#rnOuterWrapper #rn_AnswerText a:hover	{ text-decoration:underline; font-weight:bold; }

#rnOuterWrapper #contentTable font strong { color:#FFFFFF; }
#rnOuterWrapper #contentTableSmall font strong { color:#FFFFFF; }

sup {vertical-align: text-top; font-size: 80%;}


.smark{font-family: Lucida Sans Unicode; line-height: 0;}

.searchhilite {color:black;background-color:#ffffdd}

/* Gradient --------------------------------------------------*/
.hdGradientc,
.ftGradientc		{ font-size:1px;height:5px; }

.hdGradient			{ background:transparent url(http://www.optimum.com/images/corners/ltgradient.gif) no-repeat 0 0;}

.hdGradientc		{ background:transparent url(http://www.optimum.com/images/corners/rtgradient.gif) no-repeat right 0;}

.bdGradient			{ background:transparent url(http://www.optimum.com/images/corners/lmgradient.gif) repeat-y 0 0;}

.bdGradientc		{ background:transparent url(http://www.optimum.com/images/corners/rmgradient.gif) repeat-y right 0;}

.bdGradientc		{ padding:5px 5px 0 5px;height:33px;}

.ftGradient			{ background:transparent url(http://www.optimum.com/images/corners/lbgradient.gif) no-repeat 0 0;}

.ftGradientc		{ background:transparent url(http://www.optimum.com/images/corners/rbgradient.gif) no-repeat right 0;}


/*h1 tag attributes -------------------------------------------*/
h1					{ font:14px Arial,Helvetica,Tahoma,sans-serif; 
				      color:#333333; font-weight: bold; border-top:dotted 1px #666666;
					  padding:7px 0px 0px 0px; margin-bottom:3px; }


/*Optimum footer -------------------------------------------- */

ul.footer			{ list-style-type:none;
					  margin-left:0px; }

ul.footer li a		{ font:11px arial,verdana,helvetica,sans-serif;
					  color:#0175ac; font-weight:bold; }

ul.footer li		{ display:inline; float:left;
					  list-style-type:none; width:148px;
					  padding:0; margin:0; }

#copyright			{ padding:10px 0 0 0;font:10px arial,verdana,helvetica,sans-serif;
					  color:#333;font-weight:100; }


/* home page specific -------------------------------------------- */
a.fcn				{ text-decoration:none; 
					  color:black; }

a.fcn:visited		{ text-decoration:none;
					  color: black; }

a.fcn:hover,
a.fcn:active		{ text-decoration:none;
					  color:#0000AA; }

.noticeborder		{ background-color:#C6C6B5; }

.noticebg			{ background-color:#F7F7F7; }

.clearfix:after		{ content: ".";display: 
					  block;height:0;
					  clear: both;
					  visibility: hidden; }

.clearfix			{ display:inline-block; }



/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* lists --------------------------------------------------------- */
#rnOuterWrapper a.tab, a.tab:visited, #rnOuterWrapper a.subtab, a.subtab:visited, #rnOuterWrapper a.selsubtab, a.selsubtab:visited, #rnOuterWrapper a.tabbtn, a.tabbtn:visited 
{ text-decoration: none; color: #0175ac; font:12px Arial, Helvetica, sans-serif; }

#rnOuterWrapper a.tab:hover, a.tab:active, #rnOuterWrapper a.subtab:hover, a.subtab:active, #rnOuterWrapper a.selsubtab:hover, a.selsubtab:active, #rnOuterWrapper a.tabbtn:hover, a.tabbtn:active
{ text-decoration: none; color: black }

#rnOuterWrapper a.seltab, a.seltab:visited, #rnOuterWrapper a.seltabbtn, a.seltabbtn:visited 
{ text-decoration: none; color: #FFF; font:12px Arial, Helvetica, sans-serif; }

#rnOuterWrapper a.seltab:hover, a.seltab:active, #rnOuterWrapper a.seltabbtn:hover, a.seltabbtn:active 
{ text-decoration: none; color: white }

td.tab, td.tabbtn
{ background-color: #E5E5E5; }

td.seltab, td.subtabarea, td.seltabbtn
{ background-color: #0175AC; }

td.subtabbtn
{ background: url('/rnt/rnw/img/enduser/seltabbtn.gif') no-repeat; }


/* grid specific ------------------------------------------------- */
td.colhdr			{ background-color: #959595; color: white }

td.gridh			{ background-color: #b2b2b2 }

 
td.grididx			{ background-color: #959595; padding-left: 4px; padding-right: 4px ; padding-left: 4px; padding-right: 4px;}

td.gridcell			{ background-color: #FFF; line-height: 0.98;  padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 1px }

td.gridcell_alt		{ background-color: #E5E5E5; line-height: 0.98;  padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 1px }

span.newlbl			{ font-weight: bold; color: red }

span.updlbl			{ font-weight: bold; color: #006400 }

/* NN4 doesn't just ignore styles it can't handle, it seriously misdisplays them, requiring special cases */
td.gridcellnn		{ background-color: #FFF }


/* browse specific ----------------------------------------------- */
table.selfolder		{  background-color: #EBEDEC; border-style: solid;border-width: 1px; border-color: #C0C0C0  }

td.folder			{ line-height: 0.98; padding-top: 4px; padding-bottom: 3px }

td.itemlvl1			{ background-color: #FFF; line-height: 0.98; padding-top: 3px; padding-bottom: 1px;  padding-left: 3px; padding-right: 3px }

td.itemlvl1_bg		{ background-color: #EBEDEC; line-height: 0.98; padding-top: 3px; padding-bottom: 1px;  padding-left: 3px; padding-right: 3px }

td.itemlvl2			{ background-color: #FFF; line-height: 0.99;  padding-top: 1px; padding-bottom: 3px }

td.key				{ background-color: #C6C6B5;  font-family: Arial, Helvetica, sans-serif;  font-size: 10pt; font-weight: bold }

span.itemlvl2data	{ color: #777 }

img.hl				{ border-color: #909070 }

/* NN4 doesn't just ignore styles it can't handle, it seriously misdisplays them, requiring special cases */
td.foldernn { }

td.itemlvl1nn		{ background-color: #FFF }

td.itemlvl2nn		{ background-color: #FFF }


/* thread specific ----------------------------------------------- */
td.thrcust			{ background-color: #A0C4DE }

td.thrstaff			{ background-color: #C6D3BA }

td.thrprox			{ background-color: #A0C4DE }

td.thrrnl			{ background-color: #CCBBCC }

td.thrrule			{ background-color: #CACAB5 }

/* common -------------------------------------------------------- */
a.plain
{ text-decoration: none; color:#0175ac; }

a.plain:hover
{ text-decoration: underline; color:#0175ac; }

a.tips
{ text-decoration: none; color:#0175ac; font-family: Arial, Helvetica, sans-serif; font-size: 7pt; }

a.tips:hover
{ text-decoration: underline; color:#0175ac; font-family: Arial, Helvetica, sans-serif; font-size: 7pt; }


#rnOuterWrapper a.smlabel, a.label
{ text-decoration: none; color: black }

a.label
{ text-decoration: none; color: #0175ac; }

#rnOuterWrapper a.smlabel:hover, a.label:hover
{ text-decoration: underline; color: #0175ac; }

.gridform
{ background-color: #EEE; }

.ask_gridform
{ background-color: #FFF; }

.pagehdg
{ font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold }

.llabel, .title, .fcnlabel 
{ font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold }

.label, .idxcell, .grididx, .colhdr, .tab, .seltab, .tabbtn, .seltabbtn 
{ font-family: Arial, Helvetica, sans-serif; color:black; font-size: 11px; font-weight: bold }

.sublabel
{ font-family: Arial, Helvetica, sans-serif; color:white; font-size: 11px; }

.subtab, .selsubtab 
{ font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold }

#rnOuterWrapper .smlabel, .thrcust, .thrstaff, .thrprox, .thrrnl, .thrrule, .thrcust, .thrstaff, .thrprox, .thrrnl, .thrrule 
{ font:11px Arial, Helvetica, sans-serif; font-weight: bold }

.vsmlabel { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold }

.text, .desc, .textcell, .graycell, .gridcell, .gridcellnn, .folder, .foldernn, .itemlvl1, .itemlvl1nn, .itemlvl1_bg, .itemlvl1_bgnn, .gridcell, .gridcell_alt, .gridcellnn, .folder, .foldernn, .itemlvl1, .itemlvl1nn, .itemlvl1_bg, .itemlvl1_bgnn 
{ font-family: Arial, Helvetica, sans-serif; font-size: 10pt }

.smtext
{ font-family: Arial, Helvetica, sans-serif; font-size: 9pt }

.vsmtext
{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.itemlvl2, .itemlvl2nn, .itemlvl2, .itemlvl2nn
{ font:11px Arial, Helvetica, sans-serif; }

/* Ask a Question form attributes */
.form_label, .ask_label
{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; font-weight:bold; }

form.block
{ margin-top: 8px; margin-bottom: 8px; padding-top: 0px; padding-bottom: 0px }

form.minimal
{ margin: 0px; padding: 0px }

.form, .ask_form	
{ background-color: #FFF;}

a.form_plain
{ text-decoration: none; color:#FFF }

a.form_plain:hover
{ text-decoration: underline; color:#FFF }


/* INPUT case needed for radio button bgcolor */
td.textcell, 
input.textcell		{ background-color: #FFF;
					  padding-right:7px;
					  padding-bottom:7px; }

td.idxcell			{ background-color: #FFFFDD;
					  padding:0;margin:0; }

td.graycell			{ background-color: #FFF; }

td.title			{ font:17px Arial, Verdana, Helvetica, sans-serif;
					  font-weight: bold; 
					  color: #990000; 
					  background-color: white; 
					  padding:15px 0 20px 0; }

td.pagehdg			{ background-color: #006699; 
					  color: white; }

td.userbar			{ background-color: #DDD; }

#rnOuterWrapper input.btn { font-family: Arial, Helvetica, sans-serif;
					  font-size: 9pt;
					  font-weight: bold; }

/* OPTIMUM form styles --------------------------------------------------- */
.searchField		{ width:143px;
					  height:15px;
					  margin:8px 0 0 0; }

.searchcontainer	{ position:absolute;
					  left:460px; }

.go					{ padding-top:8px; }

#form				{ background-color:#FFF;
					  margin:0;
					  padding:0; }

#nameBox			{ width:100px; position:absolute;
					  z-index:2; top:3px;
					  left:599px; }

#greeting			{ margin-top:12px; }

.hello				{ font-size:18px;
					  font-weight:800; }

#tagline			{ position:absolute;
					  z-index:2; top:60px;
					  left:179px; color:white;
					  font-weight:bold; font-size:14px;
					  min-width:300px;}

#content			{ float:left; 
					  width:592px; }

.padBorders			{ margin-top:-8px; border:1px solid #e2e2e2;
					  border-top:0px; padding:0 7px 15px 7px;
					  background-color:#fff;
					  width:576px !important; width:592px; }

/*.padBorders		{ border:1px solid #e2e2e2;
					  border-top:0px;
					  padding:0px 7px 15px 7px;
					  background-color:#fff;
					  width:576px !important; width:592px;
					  margin-top:-8px; }*/

#rnOuterWrapper ul	{ margin-top:10px;
					  margin-left:20px;
					  margin-bottom:12px; }
					  
#soln ul li			{ padding-bottom:1px;
					  background-image:url(http://www.optimum.net/images/common/arrow_black.gif);
					  background-repeat:no-repeat;
					  background-position:0pt 0.5em;
					  list-style-type:none;
					  list-style-position: outside;
					  padding-left: 10px; }
					  
#rnOuterWrapper ol	{ margin-top:10px;
					  margin-left:30px;
					  margin-bottom:12px; }

ul.nav				{ list-style-type:none;
					  margin-left:10px; }

ul.nav li			{ margin-top:15px; }

ul.nav li a			{ font: 13px arial,verdana,helvetica,sans-serif;
					  color:#0175ac;
					  font-weight:bold; }

#search				{ width:50px;
					  position:absolute; z-index:2;
					  top:5px;left:230px;}

.searchBox			{ margin:0 auto;
					  position:relative; }

.searchBox p		{ font-size:11px;
					  margin:0 0 0 3px; }

.searchBox h3		{ font-size:14px;
					  margin:0 6px 0 6px;
					  color:#0175ac; }

#scrollContainer	{ width:620px; background: url(/images/bg_scrollbox.gif) no-repeat;
					  position:relative; top:0; left:-10px; height:99px; } 

.clear				{ clear:both; }

#main				{ clear:both; }

th.subheading       { font-family: Arial, Helvetica, sans-serif; 
					  font-size:9pt; font-weight:bold; 
					  color:#990000; border-color:#F7F7F7; 
					  text-align:left; background-color:#FFF;
                      border-width:1px; border-style:solid;
                      padding-right:5px; padding-left:3px }

th.sideheading      { font-family: Arial, Helvetica, sans-serif; font-size: 9pt;
                      font-weight: bold; text-align: left;
                      padding-right: 5px; padding-left: 12px;
                      padding-top: 4px; padding-bottom: 3px;
                      border-color: #F7F7F7; border-bottom-color: #B6C3AA;
                      border-width: 1px; border-style: solid; border-right-width: 0px }

.htext              { font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
                      border-color: #F7F7F7; border-bottom-color: #B6C3AA;
                      border-width: 1px; border-style: solid;
                      padding-right: 5px; padding-left: 10px;
                      padding-top: 4px; padding-bottom: 6px;  border-left-width: 0px }

td.hcell            { background-color: #FFF; 
					  padding-right: 5px; padding-left: 10px;
                      padding-top: 2px; padding-bottom: 2px }

table.grid          { border-color: #F7F7F7; 
					  border-width: 1px; 
					  border-style: solid }

td.colhdr           { background-color: #959595; 
					  color: white }

th.colhdr           { background-color: #959595; color: white;
                      text-align: left;
                      border-color: #959595;
                      border-left-color: #F7F7F7;
                      padding-left: 4px; padding-right: 5px;
                      border-width: 1px;
                      border-style: solid }

td.colarrow         { background-color: #959595; color: white; text-align: right; 
                      border-color: #959595; 
                      border-right-color: #F7F7F7;
                      padding-left: 4px; padding-right: 5px;
                      border-width: 1px;
                      border-style: solid }

th.grididx          { background-color: #ffffff; padding-left: 4px; padding-right: 4px;
                      border-color: #F7F7F7; color: #000000;
                      border-bottom-color: #F7F7F7;
                      border-width: 1px;
                      border-style: solid }

td.cellline         { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; 
                      background-color: #FFF; line-height: 0.98;
					  padding:6px 4px 6px 4px;
                      border-color: #EEE;
                      /*border-left-color: #F7F7F7;
                      border-bottom-color: #CCC;*/
                      border-width: 1px;
                      border-style: solid; }

h2.title			{ font-family: Arial, Helvetica, sans-serif;
					  font-size:17px; color:#990000; }

h2.subtitle			{ font-family: Arial, Helvetica, sans-serif;
					  font-size:12px; text-align:left;
					  color:#FFF; float:left; }

h2.login_subtitle	{ font-family: Arial, Helvetica, sans-serif;
					  font-size:12px; text-align:left;
					  color:#FFF; float:left; }

h2.ask_subtitle		{ font-family: Arial, Helvetica, sans-serif;
					  font-size:13px; text-align:left;
					  color:#990000; float:left; padding-bottom:5px; }

td.subtitle			{ font-family: Arial, Helvetica, sans-serif;
					  font-size:13px; text-align:left;
					  color:#990000; font-weight: bold; }

td.ratings,
td.related					{ font-family: Arial, Helvetica, sans-serif;
							  font-size:12px; text-align:left;
							  color:#FFF; font-weight: bold; 
							  background-color: #0175ac;}

td.bar						{ background-color: #006699;
							  height: 20px }

td.help_bar					{ background-color: #FFF;
					          height: 20px }

td.ltbar					{ background-color: #959595;
							  height: 20px }

td.custom					{ font-family: Arial, Helvetica, sans-serif;
							  font-size:12px; 
							  font-weight:bold; 
							  color:#000;
							  padding-left:7px; }

#contentTable				{ border: 1px solid #006699;
							  border-collapse: collapse; }

#contentTableSmall tbody tr td { font-family: Arial, Helvetica, sans-serif; 
								 font-size: 11px; padding: 2px 3px; 
								 border-left: 1px solid #CCCCCC;
								 border-bottom: 1px solid #006699;
								 vertical-align: top; }

#contentTable tbody tr td	{ font-size:12px;font-family:Arial, Helvetica, sans-serif; 
							  padding: 3px 8px; border-left: 1px solid #CCCCCC; 
							  border-bottom: 1px solid #006699; vertical-align: top; }

#contentTableSmall	 { border: 1px solid #006699; border-collapse: collapse; }

.disclaimer {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666}
hr{height:0;border:0;border-top:1px solid #999; padding-bottom: 8px;} 
.tableHeader {font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #333333; font-weight: bold; font-style: normal; margin-right:3px;}
.bodycopysmall {font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #333}

table.mainContent{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	border-top: 1px solid #0275AB;
	border-bottom: 1px solid #0275AB;
	border-left: 1px solid #0275AB;
	border-right: 1px solid #0275AB;
	vertical-align: top;
	background-color:#F4FBFF;
	}

td.mainContent{
	padding: 5px 10px;
}

#rnOuterWrapper input, select, td textarea {
	font-size: 14px;
}

.bodycopybig {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000}

