﻿/* first set everything to default values -- we do this to fix the issues we run into with mainly ie with random padding and borders */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { top:0px; left:0px; margin:0px; padding:0px; border:solid 0px; font-family:Arial; }
li, ol, ul { top:0px; left:0px; padding:0px; border:solid 0px; font-family:Arial; }

a { text-decoration:underline; color:#215D9C; }
/*a:visited { color:#009A9C; }*/
body { /*font-size:10px;*/ height:100%;  }

/*******************************************************************************/
/* landing page css ************************************************************/
#bodyMainWrapper { position:relative; width:920px; margin:auto; top:10px; }
#bodyMainWrapper .ContactUs .ContactUsSub { float:right; margin-right:260px; }
#bodyMainWrapper .ContactUs .Address { float:right; margin-right:50px; }

#ProgramsContentWrapper { width:920px; margin:auto; }
#ProgramsContentWrapper #header { width:920px; height:95px; background-image: url(http://www.byreferralonly.com/mybro/images/middleV3.jpg);}
#ProgramsContentWrapper #header #headerTop {  width:920px; z-index:0;  } 
#ProgramsContentWrapper #header .mainHeader { position:relative; top:-15px; }
#ProgramsContentWrapper #header .mainHeader .menu { float:left; vertical-align:middle; font-size:14px; line-height:45px; }
#ProgramsContentWrapper #header .mainHeader .headerMyBroImage { padding-left:10px; padding-right:35px; float:left; }
#ProgramsContentWrapper #header #headerMyBroImage { position:relative; margin-top:-20px; width:150px; height:70px; float:left; margin-left:12px; }
#ProgramsContentWrapper #header #headerCenter { position:relative; margin-top:-20px; width:615px; height:70px; float:left; font-size: 40px; color: #000000; text-align:center; padding-top:10px; }
#ProgramsContentWrapper #header #headerRight { position:relative; margin-top:-20px; width:130px; height:70px;  float:left;}
#ProgramsContentWrapper #header #headerRight span { top:50px; position:relative; }
#ProgramsContentWrapper #header #headerBottom { width:920px; height:6px;  z-index:0; } 

#bodyMainWrapper .mainBody .Wrapper { width:760px; margin:auto; position:relative; }

#bodyMainWrapper .mainBody h1.landingPageheader { color:#C60000; font-size:42px; text-align:center; }

#bodyMainWrapper .mainBody .accordionHeader { padding-top:5px; padding-bottom:5px; cursor:pointer; }
#bodyMainWrapper .mainBody .accordionHeader .accordionHeaderWrapper { background:URL(../Images/CollapsedLevel1.jpg) no-repeat; width:760px; height:79px; }

#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper { cursor:pointer;  background:URL(../Images/OpenHeaderLevel1.jpg) no-repeat; width:760px; height:79px; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper .accordionHeaderText p { display:none; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper .accordionHeaderText p.par2 { display:block !important; }

#bodyMainWrapper .mainBody .accordionHeader .accordionHeaderWrapper2 { background:URL(../Images/CollapsedLevel2.jpg) no-repeat; width:760px; height:79px; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper2 { cursor:pointer;  background:URL(../Images/OpenHeaderLevel2.jpg) no-repeat; width:760px; height:79px; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper2 .accordionHeaderText p { display:none; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper2 .accordionHeaderText p.par2 { display:block !important; }

#bodyMainWrapper .mainBody .accordionHeader .accordionHeaderWrapper3 { background:URL(../Images/CollapsedLevel3.jpg) no-repeat;  width:760px; height:79px; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper3 { cursor:pointer;  background:URL(../Images/OpenHeaderLevel3.jpg) no-repeat;  width:760px; height:79px; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper3 .accordionHeaderText p { display:none; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper3 .accordionHeaderText p.par2 { display:block !important; }

#bodyMainWrapper .mainBody .accordionHeader .accordionHeaderWrapper4 { background:URL(../Images/CollapsedLevel4.jpg) no-repeat;  width:760px; height:79px; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper4 { cursor:pointer;  background:URL(../Images/OpenHeaderLevel4.jpg) no-repeat;  width:760px; height:79px; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper4 .accordionHeaderText p { display:none; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper4 .accordionHeaderText p.par2 { display:block !important; }

#bodyMainWrapper .mainBody .accordionHeader .accordionHeaderWrapper5 { background:URL(../Images/CollapsedLevel5.jpg) no-repeat;  width:760px; height:79px; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper5 { cursor:pointer;  background:URL(../Images/OpenHeaderLevel5.jpg) no-repeat;  width:760px; height:79px; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper5 .accordionHeaderText p { display:none; }
#bodyMainWrapper .mainBody .accordionHeaderSelected .accordionHeaderWrapper5 .accordionHeaderText p.par2 { display:block !important; }

#bodyMainWrapper .mainBody .accordionHeaderText { position:relative; left:auto; margin-left:auto; right:0px; width:540px; height:77px; font-size:14px; padding:3px; font-weight:bold; }
#bodyMainWrapper .mainBody .accordionHeaderText p { padding:0px; margin:0px; text-align:right; color:#aaaaaa; }

#bodyMainWrapper .mainBody .accordionWeeks { position:relative; width:100px; float:left; padding-top:5px; left:56px; color:#FFFFFF; font-weight:bold; }
#bodyMainWrapper .mainBody .accordionWeeks div { position:relative; height:20px; padding-bottom:2px; }
#bodyMainWrapper .mainBody .accordionWeeks div a { z-index:1000; position:absolute; text-decoration:none; color:#FFFFFF; }
#bodyMainWrapper .mainBody .accordionText { position:relative; top:0px; left:auto; margin-left:auto; right:0px; width:540px; font-size:12px; padding:3px; line-height:24px; }
#bodyMainWrapper .mainBody .accordionText div { position:relative; } 
#bodyMainWrapper .mainBody .accordionText a { position:absolute; text-decoration:none; color:#000000; z-index:1000; } 

/* ie6 fixes ******************************************************/
#bodyMainWrapper .mainBody .accordionContent .accordionContentWrapper .accordionWeeks { _top:-87px; }
#bodyMainWrapper .mainBody .accordionContent .accordionContentWrapper2 .accordionWeeks { _top:-178px; }
#bodyMainWrapper .mainBody .accordionContent .accordionContentWrapper3 .accordionWeeks { _top:-274px; }
#bodyMainWrapper .mainBody .accordionContent .accordionContentWrapper4 .accordionWeeks { _top:-374px; }
#bodyMainWrapper .mainBody .accordionContent .accordionContentWrapper4 .accordionWeeks { _top:-474px; }
/* end ie6 fixes **************************************************/


#bodyMainWrapper .mainBody .accordionContent .accordionContentWrapper { overflow:hidden; background-image:URL(../Images/OpenContentLevel1.jpg); width:760px; height:295px; }

#bodyMainWrapper .mainBody .accordionContent  .accordionWeeks .accordianHighlighter { display:none; position:absolute; left:-55px; top:-4px; height:21px; width:758px; background-color:white; filter:alpha(opacity=50);-moz-opacity:.50; opacity:.50; }
#bodyMainWrapper .mainBody .accordionContent  .accordionText .accordianHighlighter { display:none; position:absolute; left:-216px; top:-2px; height:23px; width:758px; background-color:white; filter:alpha(opacity=50);-moz-opacity:.50; opacity:.50; }

#bodyMainWrapper .mainBody .accordionContent .week0:hover .accordianHighlighter { display:block; }
#bodyMainWrapper .mainBody .accordionContent .week1:hover .accordianHighlighter { display:block; }
#bodyMainWrapper .mainBody .accordionContent .week2:hover .accordianHighlighter { display:block; }
#bodyMainWrapper .mainBody .accordionContent .week3:hover .accordianHighlighter { display:block; }
#bodyMainWrapper .mainBody .accordionContent .week4:hover .accordianHighlighter { display:block; }
#bodyMainWrapper .mainBody .accordionContent .week5:hover .accordianHighlighter { display:block; }
#bodyMainWrapper .mainBody .accordionContent .week6:hover .accordianHighlighter { display:block; }
#bodyMainWrapper .mainBody .accordionContent .week7:hover .accordianHighlighter { display:block; }
#bodyMainWrapper .mainBody .accordionContent .week8:hover .accordianHighlighter { display:block; }
#bodyMainWrapper .mainBody .accordionContent .week9:hover .accordianHighlighter { display:block; }
#bodyMainWrapper .mainBody .accordionContent .week10:hover .accordianHighlighter { display:block; }
#bodyMainWrapper .mainBody .accordionContent .week11:hover .accordianHighlighter { display:block; }
#bodyMainWrapper .mainBody .accordionContent .week12:hover .accordianHighlighter { display:block; }

#bodyMainWrapper .mainBody .accordionContent .accordionContentWrapper2 { background-image:URL(../Images/OpenContentLevel2.jpg); width:760px; height:295px; }
#bodyMainWrapper .mainBody .accordionContent .accordionContentWrapper3 { background-image:URL(../Images/OpenContentLevel3.jpg); width:760px; height:295px; }
#bodyMainWrapper .mainBody .accordionContent .accordionContentWrapper4 { background-image:URL(../Images/OpenContentLevel4.jpg); width:760px; height:163px; }
#bodyMainWrapper .mainBody .accordionContent .accordionContentWrapper5 { background-image:URL(../Images/OpenContentLevel5.jpg); width:760px; height:163px; }

#bodyMainWrapper .mainFooter { width:920px; height:58px; position:relative; float:left; text-align:center; font-size:14px; }

/* end landing page css ************************************************************/

#ProgramsContentWrapper #header #headerCenter { width:580px; font-size: 40px; color: #C70202; top:-8px; line-height:18px; *line-height:24px; }
#ProgramsContentWrapper #header #headerCenter .smaller { font-size: 20px; }
#ProgramsContentWrapper #header #headerRight { width:170px; }

#bodyMainWrapper .mainBody { position:relative;  width:895px; margin-top:20px; padding-left:15px; padding-right:10px;  border:solid 1px #bbbbbb;  -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; *top:5px; }

#ProgramsContentWrapper .tabsContainer { height:34px; }
#ProgramsContentWrapper .tabsContainer .oldTab { width:64px; }
#ProgramsContentWrapper .tabsContainer .oldTab span { top:15px; color:#FFFFFF; }
#ProgramsContentWrapper .tabsContainer .liveTab { width:64px; }
#ProgramsContentWrapper .tabsContainer .liveTab span { top:5px; color:#FFFFFF; }
#ProgramsContentWrapper .tabsContainer .newTab { width:64px; }
#ProgramsContentWrapper .tabsContainer .newTab span { top:15px; color:#FFFFFF; }

#ProgramsContentWrapper #mainContent .controlsWrapper { font-size:16px;}
#ProgramsContentWrapper #mainContent .controlsWrapper p { padding-top:5px; padding-bottom:5px; }
#ProgramsContentWrapper #mainContent .controlsWrapper hr { margin:10px; border:solid 1px #bbbbbb; }
#ProgramsContentWrapper #mainContent .controlsWrapper ul { margin-left:30px; }
#ProgramsContentWrapper #mainContent .controlsWrapper ol { margin-left:30px; }
#ProgramsContentWrapper #mainContent .controlsWrapper .rightWrapper { border:solid 1px #999999; -moz-border-radius: 6px; border-radius: 6px; padding: 10px; margin-right:10px;  } 