/* CSS Document */


/* ------------------------------------------- *
* Set Default Tags
* ------------------------------------------- */
html,body {	height: 100%; }


/* -------------------------------------------------------------------------------------- *
* This body tag for testing only, inserts dummy toolbar graphic in lieu of dynamic toolbar
* -------------------------------------------------------------------------------------- */

body { margin:35px 0px 0px 0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; background: url(/staticarchive/1190a7b23e1360079d025ef574270501222238f0.gif) no-repeat #ffffff;}

/* -------------------------------------------------------------------------------------- *
* This body tag to be used once dynamic toolbar implemented by Â鶹Éç, uncomment to use
* -------------------------------------------------------------------------------------- */

/* body { margin:0px 0px 0px 0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#ffffff;} */

h1 { margin:0px; padding:10px; font-size:75%; color:#FFFFFF; font-weight:bold; line-height:150%; background-color:#0AAED9}
h2 { margin:0px; padding:10px; font-size:75%; color:#FFFFFF; font-weight:bold; line-height:150%; background-color:#0AAED9;}
h3 { margin:0px; padding:10px; font-size:75%; color:#FFFFFF; font-weight:bold; line-height:150%; background-color:#DAF3F8;}
h4 { margin:0px; padding:5px 0px 12px 10px; font-size:75%; color:#000000; font-weight:bold; line-height:150%; background-color:#B5E6F4;}
p { margin:12px 0px 12px 15px;  padding: 15px; font-size:75%; line-height:150%; }
a { padding:0px;  margin:0px; text-decoration:none; color:#003366; font-weight:bold } 
a:hover { text-decoration: underline; }
strong {color: #000000; font-weight:bold; }
ol {margin: 0px; padding: 8px 15px 8px 15px; }
li {margin: 8px 0px 2px 20px; }



/* ------------------------------------------- *
* Custom Tags
* ------------------------------------------- */

/* clearfix for correctly clearing floats */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
} 
.clearfix {
display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

/* ------------------------------------------- *
* Side Navigation
* ------------------------------------------- */

.sideNavCrumb 			{ font-size:65%; line-height:150%; padding-left:6px; }
.sideNavCrumb a 		{ text-decoration:underline; font-weight:normal;} 
.sideNavCrumb a:hover 	{ text-decoration:underline; font-weight:normal;} 

.sideNav 	{ width:125px; }
.sideNavTop { font-size:75%; line-height:150%; background-color:#B5E6F4; padding:10px 0px 10px 6px; margin:4px 0px 2px 0px; }
.sideNavSub { font-family: verdana, Arial, Helvetica, sans-serif; font-size:65%; line-height:186%; padding:0px 0px 0px 6px; background-color:#ffffff; } /* line height 194% if dashed lines removed */

div.hr 		{ height: 1px; background: #fff url(/staticarchive/458d78ec73e9f06a140378d70608de090bbfdad5.gif) repeat-x;}
div.hr hr 	{ display: none;}

.sideNavServices 		{ font-size:65%; line-height:150%; padding: 0px 0px 0px 6px; margin:20px 0px 20px 0px;}
.sideNavServices a 		{ text-decoration:none; font-weight:normal;} 
.sideNavServices a:hover{ text-decoration:underline; font-weight:normal;} 

/* ------------------------------------------- *
* Help BLocks
* ------------------------------------------- */
/* Help Homepage Promo Blocks */
.promoBox		{ background-color:#ffffff; font-size:70%; line-height:150%; vertical-align:top; }
.promoBoxText 	{ margin: 5px; }

/* Help Icon Chart Block */
.gridBox			{ height:202px;  background-color: #ffffff; }
.gridBoxIconCell 	{ padding:10px 10px 10px 10px; font-size:65%; line-height:186%; }
.gridBoxHLineCell 	{ padding:0px 0px 0px 10px; background-color: #ffffff; }
.gridBoxVLineCell 	{ background-color: #ffffff; }
.gridBox img		{ margin:0px 10px 0px 0px;}

.HelpBoxIconCell 	{ padding: 0px 7px 0px 10px; margin:0px; width:15px; }
.HelpBoxTextCell 	{ padding: 0px; margin:0px; font-size:65%; }
.HelpBox			{ background-color: #ffffff; height:230px; }

div.hrBlock 		{ height: 1px; margin:2px 0px 2px 0px; background: #fff url(/staticarchive/458d78ec73e9f06a140378d70608de090bbfdad5.gif) repeat-x;}
div.hrBlock hr 		{ display: none;}

.boxContents { padding:5px 5px 5px 10px; font-size:65%; line-height:186%; background-color: #ffffff; height:190px; }
/* fix for stupid IE 6 */
* html .boxContents { height:200px; }

.boxContents img	{ margin:0px 10px 0px 0px;}
.boardsBoxContents 	{ width:411px; font-size:75%; line-height:150%; height:auto; display:block; background-color: #ffffff;}

/* ------------------------------------------- *
* Sub Index
* ------------------------------------------- */
.subIndexHold		{ background-color:#FFFFFF;  line-height:150%; margin:0px; padding:0px; }
.subIndexHold td	{ vertical-align:top;}
.subIndexHold ul 	{ margin:5px 0px 5px 5px; padding:0px 5px 0px 0px; }
.subIndexHold ul a	{ font-weight:bold;  font-size:75%;}
.subIndexHold li	{ list-style-type: none; line-height:100%;  margin:0px 0px 0px 5px; }
.subIndexHold li a	{ font-weight:normal; font-size:70%;}
.subIndexHold .liHead a{font-size:75%; font-weight:bold; }
.noIndent li		{ margin:0px;}

.subRadioTVIcon   { background:url(/staticarchive/724a692f7feaf6748c1e8592d0a2433b9a8ded8d.gif) 5px 40% no-repeat #0AAED9; padding:10px 0px 10px 40px }
.subSportIcon 	  { background:url(/staticarchive/bfd4a12c5070af5f44550dbe01baad53de3f0e79.gif) 5px 40% no-repeat #0AAED9; padding:10px 0px 10px 40px }
.subLearningIcon  { background:url(/staticarchive/94ec0783866cf432db173896d20e17279e2af67b.gif) 5px 40% no-repeat #0AAED9; padding:10px 0px 10px 40px }
.subTeensIcon     { background:url(/staticarchive/55b32b9553160fab0079859f4fd9e70d9e76c403.gif) 5px 40% no-repeat #0AAED9; padding:10px 0px 10px 40px }
.subLifestyleIcon { background:url(/staticarchive/83ea41c1aeb002c31f302ad0566a3eb528e3d9d4.gif) 5px 40% no-repeat #0AAED9; padding:10px 0px 10px 40px }
.subLocalIcon 		{ background:url(/staticarchive/bf7608cd143086a2467ae45d517ce689106a9251.gif) 5px 40% no-repeat #0AAED9; padding:10px 0px 10px 40px }
.subCultureIcon 	{ background:url(/staticarchive/cdce322f52504b6faa2c31e63c2a640377a7dc50.gif) 5px 40% no-repeat #0AAED9; padding:10px 0px 10px 40px }
.subWeatherIcon 	{ background:url(/staticarchive/48a1efd78e5dbdc24547e78a392ff44d974fa300.gif) 5px 40% no-repeat #0AAED9; padding:10px 0px 10px 40px }
.subAtoZIcon 		  { background:url(/staticarchive/02a081fd8e91c5c1202c109bf96ac3428e8a5bdb.gif) 5px 40% no-repeat #0AAED9; padding:10px 0px 10px 40px } 

.subIndexHead 		{ width:132px; padding:10px 0px 10px 10px; font-size:75%; font-weight:bold; background-color:#DAF3F8; }

/*fix stupid IE6 */
* html .subIndexHold{ width:624px; }


/* ------------------------------------------- *
* Common Help Article Styling
* ------------------------------------------- */

.furtherBlock { background-color:#DAF3F8; padding: 5px 10px 5px 10px; margin: 0px; font-size:75%; line-height:150%; }
.furtherBlock li {padding:0px 0px 0px 5px; margin:10px 10px 10px 25px;}


/* ------------------------------------------- *
* Full Page Help Article Styling
* ------------------------------------------- */

.helpArticleHolder 	{ background-color:#ffffff; border-top:0px ; border-left:10px solid #0AAED9; border-right:10px solid #0AAED9; border-bottom:10px solid #0AAED9; }

.helpWrapper 		{ background-color:#ffffff; }
.helpWrapper p 		{ margin:10px; padding: 0px 5px 0px 5px; font-size:75%; line-height:150%; }
.helpWrapper li 	{ margin: 15px 10px 15px 20px; }

.helpWrapper h1 { margin:0px 0px 15px 0px; padding:20px 20px 20px 50px; font-size:90%; color:#FFFFFF; font-weight:bold; line-height:150%;}
.helpWrapper h2 { padding:10px 0px 5px 15px; font-size:90%; color:#000000; font-weight:bold; line-height:150%; background-color:#ffffff;}
.helpWrapper h3 { margin:25px 0px 0px 0px; padding:10px 20px 10px 35px; font-size:75%; color:#FFFFFF; font-weight:bold; line-height:150%; background:url(/staticarchive/4483798562ca9091249c276cb912786ed731ffcb.gif) no-repeat #0AAED9; }
.helpWrapper h4 { margin:20px 0px 20px 0px; padding:10px 20px 10px 10px; font-size:75%; color:#FFFFFF; font-weight:bold; line-height:150%; background-color:#0AAED9; }

.membershipIcon 	{ background:url(/staticarchive/a059073a127e34090ecb8261915f373c54400f3a.gif) no-repeat #0AAED9; }
.involvedIcon 		{ background:url(/staticarchive/5280c6d15bd2445d22b72c7f1522823694c610ad.gif) no-repeat #0AAED9; }
.writingIcon 		{ background:url(/staticarchive/8a633639a2f59fa2cfe30674e2e3c79755debbd7.gif) no-repeat #0AAED9; }
.guidelinesIcon 	{ background:url(/staticarchive/ac5eda447e8cc3ed5b82d5c68a737eec70a511d5.gif) no-repeat #0AAED9; }
.moderationIcon 	{ background:url(/staticarchive/7dc6eef411d18066ac2b9d29065a5b810b9e53b8.gif) no-repeat #0AAED9; }
.safetyIcon 		{ background:url(/staticarchive/80093c78e4fe36cfef93916cca290e756f342c39.gif) no-repeat #0AAED9; }
.featuresIcon 		{ background:url(/staticarchive/0193ab0c7e637e774b5f0a1ad0ea031287c7bd6b.gif) no-repeat #0AAED9; }
.contactIcon 		{ background:url(/staticarchive/a75f0d3f0eee83c8d969217bf3da9c50d9366724.gif) no-repeat #0AAED9; } 
.complaintIcon 		{ background:url(/staticarchive/c3099628728b95a21d9e6a8f7864cc765f535508.gif) no-repeat #0AAED9; }  
.updateIcon 		{ background:url(/staticarchive/7a710094b3d8450ce5a612d599332b9224bd43a3.gif) no-repeat #0AAED9; }  

.sequencePointsBlock 	{ border: 0px solid #DAF3F8; padding: 5px; margin: 15px; font-size:75%; line-height:150%; }
.sequencePointsBlock ul { margin: 0px; padding: 0px 15px 0px 15px; }
.sequencePointsBlock li { margin: 8px 0px 8px 0px; }

.bulletPointsBlock 		{ border: 0px solid #DAF3F8; padding: 0px 5px 0px 5px; margin: 15px; font-size:75%; line-height:150%; }
.bulletPointsBlock li 	{ margin: 8px 0px 8px 15px; }


/* ------------------------------------------- *
* Forms
* ------------------------------------------- */
input,textarea,select	{ background-color:#ffffff }
.formTable				{ font-size:75% }
.formNotes				{ font-size:75% }


/* ------------------------------------------- *
* FAQ Article Blocks
* ------------------------------------------- */

.faqList	{ font-size:75%; font-weight: bold; padding:3px 30px 15px 30px; }
.faqList ul { margin:0px; padding:0px 15px 0px 15px; }
.faqList li	{ margin: 8px 0px 8px 0px;	padding: 0px;	list-style-type: disc;	list-style-image: none;	color: #054588;	line-height: 130%; }
.faqList .writingFAQ   		{ list-style-image: url(/staticarchive/743dc69efeacd0573af91097c9ccb8d65cc8bed5.gif); color: #000000; margin: 20px 0px 30px 0px; } 	
.faqList .safetyFAQ    		{ list-style-image: url(/staticarchive/3b1eb6cfb6ba1fdf8ae1c9739007c6aa01cc8819.gif); color: #000000; margin: 20px 0px 30px 0px; } 
.faqList .moderationFAQ 	{ list-style-image: url(/staticarchive/19d68e7ed27a2c2f93bd107940ad416adbb735a6.gif); color: #000000; margin: 20px 0px 30px 0px; } 
.faqList .membershipFAQ 	{ list-style-image: url(/staticarchive/594e81c5c0d1379f6fae9349d35080b1114ead14.gif); color: #000000; margin: 20px 0px 30px 0px; }
.faqList .involvedFAQ   	{ list-style-image: url(/staticarchive/0ccfe1b0297b2408fb9d525c0b298ff68ce379ee.gif); color: #000000; margin: 20px 0px 30px 0px; }
.faqList .guidelinesFAQ 	{ list-style-image: url(/staticarchive/722a42f2dd4c70c39b13391cf47237ea5e2ee8bd.gif); color: #000000; margin: 20px 0px 30px 0px; }
.faqList .featuresFAQ   	{ list-style-image: url(/staticarchive/60b32f4143363aba92a3f0255b05025c6a284289.gif); color: #000000; margin: 20px 0px 30px 0px; }


/* ------------------------------------------- *
* Complaints & Status Blocks
* ------------------------------------------- */
.compStat 		{ width:100%; font-size:75%; line-height:150%; }
.compStat td	{ width:5px}
.compStat .cell	{ padding:5px; background-color:#DAF3F8; border:5px solid #B5E6F4; width:50%; }


/* ------------------------------------------- *
* Footer
* ------------------------------------------- */
.footer 	{ width:100%; }
.footer td	{ font-size:65%; text-align:center; }
.footer a 	{ font-weight:normal; }


/* ------------------------------------------- *
* Pop-up Page Help Styling
* ------------------------------------------- */

/* Brand top of pop-ups... */
.bbcPopupBrand { margin:0px 0px 2px 0px; padding:0px; font-size:75%; color:#FFFFFF; font-weight:bold; line-height:150%; background-color:#0878A6;}

/* Pad help less in Popups... */
.popupWrap p { padding: 0px 5px 0px 5px; margin-right:10px; }

/* Numbered bullet points */
.popSequenceBlock 		{ border: 5px solid #DAF3F8; padding: 0px; margin: 15px; font-size:75%; line-height:150%; }
.popSequenceBlock ul 	{ margin: 15px; padding: 0px; }
.popSequenceBlock li 	{ margin: 10px 10px 10px 20px; padding: 0px; }

/* Normal bullet points... */
.popBulletBlock 		{ border: 5px solid #DAF3F8; padding: 10px; margin: 15px; font-size:75%; line-height:150%; }
.popBulletBlock li 		{ margin: 8px 0px 8px 15px; }

/* Add padding around process images... */
.processImagePad 	{ margin:20px 0px 20px 0px; }

/* Windows / MAC IE padding fix */
* html .popIconPad 	{ margin:0px 9px 0px 5px;}


/* ------------------------------------------- *
* Smiley Tables
* ------------------------------------------- */

.smileyBlock 	{ border: 5px solid #DAF3F8; padding: 0px; margin: 15px; font-size:75%; line-height:150%; width:340px; }
.smileyTable 	{ margin:10px; font-size:95%; line-height:150%; width:340px; }
.smileyBorder 	{ border-bottom:1px dotted #cccccc; }	
.smileyCode 	{ font-weight:normal; padding:0px 10px 0px 0px; font-family: courier, sans-serif; color:#888888; }
.smileyKey 		{ font-weight:bold; }
.smileyKey em 	{ font-weight:normal; color:#888888; }