/* 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, li, ol, ul, 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; } /* input, select { border:solid 1px #9cb2ce; } */ a { text-decoration:none; color:#215D9C; } a:hover { text-decoration:underline; } a.gray { color:Gray; } a.gray:hover { text-decoration:none; } body { font-size:12px; } p { padding-top:10px; padding-bottom:10px; } .KillFloat { width:0px; height:0px; border:0px; margin:0px; padding:0px; clear:both; } .KillFloatLeft { width:0px; height:0px; border:0px; margin:0px; padding:0px; clear:left; } .KillFloatRight { width:0px; height:0px; border:0px; margin:0px; padding:0px; clear:right; } /*******************************************************************************/ .HeaderSearchWrapper { position:relative; margin-left:auto; left:auto; right:40px; top:-12px; width:203px; z-index:400; } .HeaderSearchWrapper .btnHeaderSearch { position:absolute; left:178px; top:1px; } .HeaderSearchWrapper .suggestionHeaderBox { display:none; position:absolute; background-color:#FFFFFF; border:solid 1px #000; min-width:350px; top:23px; z-index:400; } .HeaderSearchWrapper .suggestionHeaderBox .SuggestionText { float:right; color:green; font-size:10px; padding:2px; z-index:400; } .HeaderSearchWrapper .suggestionHeaderBox ul.Itemlist { z-index:400; } .HeaderSearchWrapper .suggestionHeaderBox li.Item { list-style:none; padding:2px; z-index:400; } .HeaderSearchWrapper .suggestionHeaderBox li.ItemHover { list-style:none; padding:2px; background-color:#83BAF4; cursor:pointer; z-index:400; } .HeaderSearchWrapper .suggestionHeaderBox .close { width:99%; text-align:right; font-size:10px; z-index:400; } .HeaderSearchWrapper .suggestionHeaderBox .close a { text-decoration:underline; z-index:400; } .HeaderSearchWrapperUnder { position:relative; margin-left:auto; left:auto; right:5px; margin-top:14px; margin-bottom:15px; width:203px; z-index:400; } .HeaderSearchWrapperUnder .btnHeaderSearch { position:absolute; left:178px; top:1px; } .HeaderSearchWrapperUnder .suggestionHeaderBox { display:none; position:absolute; background-color:#FFFFFF; border:solid 1px #000; min-width:350px; top:23px; z-index:400; } .HeaderSearchWrapperUnder .suggestionHeaderBox .SuggestionText { float:right; color:green; font-size:10px; padding:2px; z-index:400; } .HeaderSearchWrapperUnder .suggestionHeaderBox ul.Itemlist { z-index:400; } .HeaderSearchWrapperUnder .suggestionHeaderBox li.Item { list-style:none; padding:2px; z-index:400; } .HeaderSearchWrapperUnder .suggestionHeaderBox li.ItemHover { list-style:none; padding:2px; background-color:#83BAF4; cursor:pointer; z-index:400; } .HeaderSearchWrapperUnder .suggestionHeaderBox .close { width:99%; text-align:right; font-size:10px; z-index:400; } .HeaderSearchWrapperUnder .suggestionHeaderBox .close a { text-decoration:underline; z-index:400; } #bodyMainWrapper { position:relative; width:920px; margin:auto; top:10px; } #bodyMainWrapper .mainHeader { width:920px; position:relative; -webkit-text-size-adjust: none; } #bodyMainWrapper .mainHeader .headerTop { width:920px; height:8px; position:relative; font-size:8px; } #bodyMainWrapper .mainHeader .headerBottom { width:920px; height:6px; position:relative; font-size:6px; } #bodyMainWrapper .mainHeader .headerCenter { position:relative; padding-left:10px; width:910px; background-image: url(../images/middleV3.jpg); } #bodyMainWrapper .mainHeader .headerCenter img.logo { } #bodyMainWrapper .mainHeader .headerCenter .menu { position:absolute; left:185px; top:16px; font-size:14px !important; } /************************ PROGEAM HEADER CHANGES *********************************/ #bodyMainWrapper .mainHeader .headerCenter #headerMyBroImage { position:absolute; width:150px; height:69px; margin-left:12px; } #bodyMainWrapper .mainHeader .headerCenter .titleText { position:relative; text-align:center; width:515px; color: #000000; left:180px; min-height:69px; } #bodyMainWrapper .mainHeader .headerCenter #headerRight { position:absolute; margin-left:auto; left:auto; right:5px; width:200px; float:right;} /*********************************************************************************/ #bodyMainWrapper .UnderNavWrapper { position:relative; padding-left:10px; width:910px; left:5px; } #bodyMainWrapper .UnderNavWrapper .menu { position:absolute; left:0px; top:16px; font-size:14px !important; } #bodyMainWrapper .mainFooter { width:920px; height:58px; position:relative; float:left; text-align:center; } #bodyMainWrapper .mainBody { position:relative; width:920px; padding-left:3px; padding-right:10px; } #bodyMainWrapper .mainBody #ContentContainer { width:920px; margin-left:auto; margin-right:auto; text-align:left; } #bodyMainWrapper .mainBody #ContentContainer .ProgramCol { width:168px; position:relative; float:left; } #bodyMainWrapper .mainBody #ContentContainer .ProgramCol img { padding-bottom:5px !important; } #bodyMainWrapper .mainBody #ContentContainer #extras { width:672px; position:relative; } #bodyMainWrapper .mainBody #ContentContainer #extras #divCouchPosts { width:249px; height:200px; min-height:200px; position:relative; float:left; padding-bottom:54px; } #bodyMainWrapper .mainBody #ContentContainer #extras #divUltimateScenario { width:210px; height:200px; min-height:200px; margin-left:15px; position:relative; float:left; padding-bottom:54px; }/**/ #bodyMainWrapper .mainBody #ContentContainer #extras #divUltimateScenario p.ult_scen_text { width:158px; } #bodyMainWrapper .mainBody #ContentContainer #extras #divResultsTrak { width:175px; height:200px; min-height:200px; position:relative; float:left; padding-bottom:54px; } #bodyMainWrapper .mainBody #ContentContainer #divOthers { width:244px; position:relative; float:right; } #bodyMainWrapper .mainBody #ContentContainer #divOthers .LiveUpcomingEventsWrapper { width:237px; height:165px; margin-bottom:5px; background-image:URL(../images/dashboard/upcomingevents.png); padding-top:35px; padding-left:9px; } #bodyMainWrapper .mainBody #ContentContainer #divOthers .LiveUpcomingEventsWrapper .container { overflow-y:scroll; overflow-x:hidden; width:231px; height:150px; } #bodyMainWrapper .mainBody #ContentContainer #divOthers .LiveUpcomingEventsWrapper .container .event { padding-bottom:5px; } #bodyMainWrapper .mainBody #ContentContainer #divOthers .LiveUpcomingEventsWrapper .container .event .title { color:#3185AC; font-weight:bold; } #bodyMainWrapper .mainBody #ContentContainer #divOthers .LiveUpcomingEventsWrapper .container .event .title a { color:#3185AC; } #bodyMainWrapper .mainBody #ContentContainer #divOthers .LiveUpcomingEventsWrapper .container .event .icon { cursor:pointer; float:right; } #bodyMainWrapper .mainBody #ContentContainer #divOthers .LiveUpcomingEventsWrapper .container .event .date { font-style:italic; font-size:10px; } #bodyMainWrapper .mainBody #ContentContainer #divOthers .LiveUpcomingEventsWrapper .container .event .hotelWrapper { display:none; font-size:11px; } #bodyMainWrapper .mainBody #ContentContainer #divOthers .LiveUpcomingEventsWrapper .container .event .private { font-style:italic; font-size:10px; } #bodyMainWrapper .mainBody #ContentContainer #divOthers #WhatsNewMainDiv { padding-bottom:5px; } #bodyMainWrapper .mainBody #ContentContainer #divOthers #WhatsNewMainDiv #WhatsNewDiv {display:none; position:relative; background-color:#E9E9E9; width:232px; margin-left:7px; } #bodyMainWrapper .mainBody #ContentContainer #divOthers #WhatsNewMainDiv #WhatsNewDiv ul { margin-left:20px; } #bodyMainWrapper .mainBody #ContentContainer #divOthers .othersIcons { padding-bottom:5px; } #UpComingEventsMainDiv #UpComingEventsDiv { display:none; position:relative; background-color:#E9E9E9; width:232px; margin-left:7px; } #bodyMainWrapper .mainBody .ContactUs { position:relative; width:600px; margin:auto; } #bodyMainWrapper .mainBody .ContactUs .ContactUsSub { float:right; margin-right:260px; } #bodyMainWrapper .mainBody .ContactUs .Address { float:right; margin-right:50px; margin-top:40px; } /* Broogle CSS ********************************************************************/ #bodyMainWrapper .mainBody .BroogleWrapper { position:relative; width:918px; margin-left:-2px; /* border:2px solid #457ABB; */ } #bodyMainWrapper .mainBody .BroogleWrapper a { text-decoration:underline; } #bodyMainWrapper .mainBody .BroogleWrapper .topBorder { position:relative; height:9px; } #bodyMainWrapper .mainBody .BroogleWrapper .bottomBorder { position:relative; height:6px; padding-bottom:10px; } #bodyMainWrapper .mainBody .BroogleWrapper .bottomBorder img { position:absolute; height:6px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent { position:relative; min-height:300px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .SpellSuggest { color:Red; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .SearchBoxWrapper { position:relative; margin:auto; width:450px;} #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .SearchBoxWrapper .searchTBox { border:2px solid #457ABB; width:355px; height:30px; padding-right:96px; position:relative; vertical-align:middle; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .SearchBoxWrapper .searchButton { position:absolute; top:7px; left:auto; width:83px; right:5px; border:2px solid #457ABB; cursor:pointer; background-color:#CFE0F6; padding:0px 15px 0px 15px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .SearchBoxWrapper .searchTExgtras { position:absolute; top:1px; left:auto; right:-65px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .SearchBoxWrapper .searchTExgtras a { font-size:10px; text-decoration:none; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .tabs { position:relative; margin-top:10px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .tabs a { text-decoration:none; color:#000000; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .tabs .tab { position:relative; display:inline-block; border:2px solid #457ABB; background-color:#CFE0F6; padding:5px 5px 5px 5px; vertical-align:bottom; cursor:pointer; zoom:1; *display:inline; *margin-right:2px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .tabs .tabActive { position:relative; display:inline-block; border:2px solid #457ABB; background-color:#CFE0F6; padding:5px 5px 10px 5px; cursor:pointer; zoom:1; *display:inline; *margin-right:2px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .border { border:1px solid #A5BFDE; color:#A5BFDE; margin-top:2px; *margin-top:-5px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper { position:relative; border:2px solid #457ABB; padding:5px; padding-top:15px; margin-top:2px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchResults { position:relative; display:inline-block; width:515px; zoom:1; *display:inline; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchResults .resultWrapper { position:relative; margin-bottom:25px; font-size:12px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchResults .resultWrapper .thumb { float:left; width:80px; height:80px; margin-right:4px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchResults .resultWrapper .title { position:relative; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchResults .resultWrapper .desc { position:relative; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchResults .resultWrapper .url { position:relative; color:#30781A; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchResults .resultWrapper .url a { color:#30781A; text-decoration:none; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchResults .paginationWrapper { position:relative; text-align:center; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchResults .paginationWrapper .page { position:relative; display:inline-block; vertical-align:top; text-align:center; margin:0px 2px; zoom:1; *display:inline; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchResults .paginationWrapper .page a { text-decoration:none; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchResults .paginationWrapper .previous {text-align:left; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchResults .paginationWrapper .next { text-align:right; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchPanels { position:relative; display:inline-block; width:384px; vertical-align:top; zoom:1; *display:inline; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchPanels .panel { position:relative; display:block; margin-bottom:15px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchPanels .panel .header { position:relative; border:2px solid #457ABB; background-color:#CFE0F6; height:24px; padding:4px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchPanels .panel .header img { float:left; margin-right:10px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchPanels .panel .header h3 { margin-top:4px; font-size:13px; *margin-top:8px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchPanels .panel .header h3 span { position:absolute; left:auto; right:8px; top:8px; font-weight:normal; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchPanels .panel .results { position:relative; border:1px solid #CCCCCC; border-top:none; border-right:none; display:run-in; padding:5px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchPanels .panel .results .result { position:relative; margin-bottom:15px; font-size:12px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchPanels .panel .results .result .thumb { float:left; width:50px; height:50px; margin-right:4px; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchPanels .panel .results .result .title { } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchPanels .panel .results .result .desc { } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchPanels .panel .results .showMore { text-align:right; } #bodyMainWrapper .mainBody .BroogleWrapper .BroogleContent .searchWrapper .searchPanels .panel .results .showMore a { text-decoration:none; } /* Prospect CSS *******************************************************************/ #bodyMainWrapperProspect { position:relative; width:920px; margin:auto; top:10px; } #bodyMainWrapperProspect .mainHeader { width:920px; position:relative; background-image: url(../images/middleV3.jpg); } #bodyMainWrapperProspect .mainHeader .headerBottom { width:920px; height:6px; margin-top:10px; *margin-top:25px; } #bodyMainWrapperProspect .mainHeader .headerCenter { position:absolute; left:10px; top:10px; width:900px; } #bodyMainWrapperProspect .mainHeader .headerCenter img.logo { padding-right:35px; float:left; } #bodyMainWrapperProspect .mainHeader .headerCenter .menu { float:left; vertical-align:middle; font-size:14px; line-height:45px; } #bodyMainWrapperProspect .mainFooter { width:920px; height:58px; position:relative; float:left; text-align:center; padding-top:5px; } #bodyMainWrapperProspect .mainBody { position:relative; width:900px; top:10px; padding:10px; border:solid 1px #bbbbbb; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; } #bodyMainWrapperProspect .mainBody #ContentContainer { width:920px; margin-left:auto; margin-right:auto; text-align:left; } #bodyMainWrapperProspect .mainBody #ContentContainer .ProgramCol { width:168px; position:relative; float:left; } #bodyMainWrapperProspect .mainBody #ContentContainer .ProgramCol img { padding-bottom:5px !important; } #bodyMainWrapperProspect .mainBody #ContentContainer #extras { width:672px; position:relative; } #bodyMainWrapperProspect .mainBody #ContentContainer #extras #divCouchPosts { width:249px; height:200px; min-height:200px; position:relative; float:left; padding-bottom:54px; } #bodyMainWrapperProspect .mainBody #ContentContainer #extras #divUltimateScenario { width:210px; height:200px; min-height:200px; margin-left:15px; position:relative; float:left; padding-bottom:54px; }/**/ #bodyMainWrapperProspect .mainBody #ContentContainer #extras #divUltimateScenario p.ult_scen_text { width:158px; } #bodyMainWrapperProspect .mainBody #ContentContainer #extras #divResultsTrak { width:175px; height:200px; min-height:200px; position:relative; float:left; padding-bottom:54px; } #bodyMainWrapperProspect .mainBody #ContentContainer #divOthers { width:200px; position:relative; float:left; } #bodyMainWrapperProspect .mainBody #ContentContainer #divOthers #WhatsNewMainDiv { padding-bottom:5px; } #bodyMainWrapperProspect .mainBody #ContentContainer #divOthers #WhatsNewMainDiv #WhatsNewDiv {display:none; position:relative; background-color:#E9E9E9; width:232px; margin-left:7px; } #bodyMainWrapperProspect .mainBody #ContentContainer #divOthers #WhatsNewMainDiv #WhatsNewDiv ul { margin-left:20px; } #bodyMainWrapperProspect .mainBody #ContentContainer #divOthers .othersIcons { padding-bottom:5px; } #bodyMainWrapperProspect .mainBody .TeleclassmainWraper h1.Header { font-size:28px; color:Red; } #bodyMainWrapperProspect .mainBody .TeleclassmainWraper .TextContent { position:relative; float:left; width:400px; padding-right:50px; height:500px; } #bodyMainWrapperProspect .mainBody .TeleclassmainWraper .TextContent .WatchText { text-align:right; } #bodyMainWrapperProspect .mainBody .TeleclassmainWraper .VidWrapper { position:relative; padding-left:10px; } #bodyMainWrapperProspect .mainBody .TeleclassmainWraper .VidWrapper .TextUnderVid { font-size:16px; font-weight:bold; } /************************************* Trumba Calendar **********************************************/ #bodyMainWrapper .mainBody .trumbaWrapper .timeZoneWrapper { position:relative; width:300px; left:20px; } #bodyMainWrapper .mainBody .trumbaWrapper .searchTrumWrapper { position:relative; float:right; width:200px; } /************************************* Dojo *********************************************************/ #bodyMainWrapper .mainBody .programDojoWrapper { } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft { width:660px; font-size:14px; position:relative; font-weight:normal; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .box { width:600; position:relative; margin:10px; margin-left:auto; margin-right:auto; font-size:14px; padding:10px; border:solid 1px #bbbbbb; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .box .leftImage { float:left; margin-right:10px; margin-bottom:5px; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .box h1 { font-size:18px; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentRight { width:230px; position:relative; float:right; font-size:14px; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentRight .stretchRounded { position:relative; margin-left:100px; border:solid 1px #bbbbbb; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; text-align:center; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentRight .Rounded { position:relative; width:210px; border:solid 1px #bbbbbb; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; padding:10px; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentRight .Rounded .imgWText { position:relative; height:70px; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentRight .Rounded .imgWText img { float:left; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentRight .Rounded .imgWText a { font-weight:bold; color:#000; font-size:12px; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards { } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .CardsHeader { height:250px; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .CardsHeader img { width:150px; float:left; margin-right:30px; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .CardsHeader h1 { font-size:28px; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .CardsHeader span { } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .deckListing { } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .deckListing .cardWrapper { background-color:#DEDEDE; border:solid 1px #000; position:relative; min-height:50px; width:640px; overflow:hidden; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .deckListing .cardWrapperAlt { background-color:#EEEEEE; border:solid 1px #000; position:relative; min-height:50px; width:640px; overflow:hidden; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .deckListing .colorgreen { width:15px; height:500px; position:absolute; background-color:#4AA639; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .deckListing .coloryellow { width:15px; height:500px; position:absolute; background-color:#FFD718; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .deckListing .colorblack { width:15px; height:500px; position:absolute; background-color:#000000; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .deckListing .colorred { width:15px; height:500px; position:absolute; background-color:#EF2C21; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .deckListing .cardWrap { position:relative; margin-top:3px; margin-bottom:3px; left:15px; font-size:14px; width:610px; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .deckListing .cardWrap .imgWrapper { width:150px; overflow:hidden; padding-right:15px; float:left; position:absolute; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .viewCards .deckListing .cardWrap .text { position:relative; width:450px; left:160px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer { padding-bottom:10px; font-size:14px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .backto { text-align:left; width:100%; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrappergreen1 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTGR_bg_player_1.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrappergreen2 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTGR_bg_player_2.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrappergreen3 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTGR_bg_player_3.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred1 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTRR_bg_player_1.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred2 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTRR_bg_player_2.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred3 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTRR_bg_player_3.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred1_2 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTRR_bg_player_1_2.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred2_2 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTRR_bg_player_2_2.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred3_2 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTRR_bg_player_3_2.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperblack1 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTNA_bg_player_1.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperblack2 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTNA_bg_player_2.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperblack3 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTNA_bg_player_3.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperblack1_2 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTNA_bg_player_1_2.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperblack2_2 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTNA_bg_player_2.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperblack3_2 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTNA_bg_player_3_2.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown1 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/bg_player_1.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown2 { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/bg_player_2.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperDeckgreen { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTGR_bg_deck.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperDeckred { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTRR_bg_deck.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperDeckblack { position:relative; margin:auto; width:793px; height:455px; overflow:hidden; background-image:URL(/programs/magicwordsdojo/assets/images/MWTNA_bg_deck.jpg); } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .Vid { position:relative; float:left; left:20px; top:15px; /*border:solid 1px #666666; background-color:#FFFFFF; */ _left:10px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .Card { position:relative; float:left; width:255px; margin-left:27px; height:390px; top:15px; background-color:#FFFFFF; border:solid 1px #666666; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; _margin-left:18px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .Card .suitTop { position:relative; float:left; font-size:32px; line-height:26px; margin-left:2px; margin-top:8px; width:40px; text-align:center; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .Card .suitBottom { position:absolute; font-size:32px; left:215px; line-height:26px; top:337px; width:40px; text-align:center; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .Card .suitTop .colorred { color:Red; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .Card .suitBottom .colorred { color:Red; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .Card .Title { position:relative; float:left; margin-left:8px; margin-top:15px; width:205px; height:55px; font-weight:bold; text-align:center; display: table-cell; vertical-align: middle; font-size:14px; _width:200px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .Card .Title p { } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .Card .deckImage { WIDTH:245px; height:380px; margin-top:-15px; padding-left:5px; padding-top:20px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .Card .cardDesc { position:relative; top:0px; height:265px; overflow-y:auto; float:left; font-size:14px; line-height:18px; margin-left:10px; margin-right:10px; width:245px; _width:230px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .Card .cardDesc span { } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .tabs { position:relative; float:left; margin-top:25px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .tabs a { text-decoration:none; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .tabs a:hover { text-decoration:none; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .tabs .Training { position:relative; top:6px; left:55px; font-size:18px; font-weight:bold; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .tabs .Coaching { position:relative; top:6px; left:125px; font-size:18px; font-weight:bold; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .tabs .Training2 { position:relative; top:6px; left:40px; font-size:18px; font-weight:bold; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .tabs .Coaching2 { position:relative; top:6px; left:75px; font-size:18px; font-weight:bold; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .tabs .MagicWords { position:relative; top:-28px; left:400px; width:370px; text-align:center; font-weight:bold; font-size:16px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .tabs .MagicWordsIntro { position:relative; top:5px; left:400px; width:370px; text-align:center; font-weight:bold; font-size:16px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .tabs .MagicWordsIntro a { color:#ffffff; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrappergreen1 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrappergreen2 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrappergreen3 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred1 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred2 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred3 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred1_2 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred2_2 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred3_2 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred2_2 .tabs .Coaching { left:200px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperred3_2 .tabs .Coaching { left:200px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperblack1 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperblack2 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperblack3 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperblack1_2 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperblack2_2 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperblack3_2 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown1 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown2 .tabs a { color:#FFFFFF; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown1 .tabs { left:-490px; *left:0px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown2 .tabs { left:-490px; *left:0px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown1 .cardDesc { overflow-y:scroll; height:380px; font-size:14px; *width:240px; *height:340px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown2 .cardDesc { overflow-y:scroll; height:380px; font-size:14px; *width:240px; *height:340px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown1 .cardDesc ol { margin-left:25px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown2 .cardDesc ol { margin-left:25px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown1 .cardDesc p { margin-bottom:10px; margin-top:10px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown2 .cardDesc p { margin-bottom:10px; margin-top:10px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown1 .Title { display:none; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown2 .Title { display:none; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown1 .vid2 { display:none; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .VidWrapperbrown2 .vid1 { display:none; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .resources { font-size:18px; } #bodyMainWrapper .mainBody .programDojoWrapper .CardVidContainer .relatedDialogues { font-size:18px; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .Top567 { } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .Top567 h1 { font-size:18px; } #bodyMainWrapper .mainBody .programDojoWrapper .ContentLeft .Top567 img { float:left; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch { width:700px; position:relative; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .steps { margin-top:10px; margin-bottom:10px; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .steps span.title { font-size:18px; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .steps table.four { width:500px; border-collapse:collapse; margin-top:10px; margin-bottom:10px; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .steps table.four tr { } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .steps table.four tr td { padding:10px; text-align:center; border:1px solid #555; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .steps table.four tr td.header { } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .steps table.four tr td.item { background-color:#EDEEEE; width:125px; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .steps table.seven { width:900px; border-collapse:collapse; margin-top:10px; margin-bottom:10px; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .steps table.seven tr { } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .steps table.seven tr td { padding:5px; border:1px solid #555; background-color:#EDEEEE; width:114px; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .steps table.seven tr td input { margin-bottom:20px; float:left; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results { position:relative; width:900px; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results .Title { font-size:18px; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results .deckResults { position:relative; float:left; width:298px; border:1px solid #000; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results .deckResults .header { position:relative; width:100%; height:30px; font-size:18px; color:#FFF; text-align:center; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results .deckResults .card { position:relative; width:100%; height:45px; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results .deckResults .card .starWrapper { position:relative; float:left; width:25px; height:45px; cursor:pointer; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results .deckResults .card .starWrapper .star { width:17px; height:17px; margin:auto; margin-top:10px; background:URL(/programs/magicwordsdojo/assets/images/starselecter.png) no-repeat -17px 0px; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results .deckResults .card .starWrapper .starSelected { width:17px; height:17px; margin:auto; margin-top:10px; background:URL(/programs/magicwordsdojo/assets/images/starselecter.png) no-repeat 0px 0px; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results .deckResults .card .starWrapper:hover .star {background:URL(/programs/magicwordsdojo/assets/images/starselecter.png) no-repeat 0px 0px; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results .deckResults .card .suitRed { color:#EF3224; border-top:1px solid #000; position:relative; float:left; width:45px; height:45px; font-size:16px; text-align:center; background-color:#FFF;} #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results .deckResults .card .suitBlack { color:#000; border-top:1px solid #000; position:relative; float:left; width:45px; height:45px; font-size:16px; text-align:center; background-color:#FFF;} #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results .deckResults .card .title {border-top:1px solid #000; position:relative; float:left; font-weight:bold; font-size:12px; width:228px; height:45px; text-align:center; background-color:#FFF; cursor:pointer; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results #red { background-color:#EF3224; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results #black { background-color:#000; } #bodyMainWrapper .mainBody .programDojoWrapper .magicwordsSearch .results #green { background-color:#4AAA42; } #bodyMainWrapper #mainContent .ContentLeft .viewCards .Best18 { } #bodyMainWrapper #mainContent .ContentLeft .viewCards .Best18 img { width:150px; float:left; margin-right:30px; } #bodyMainWrapper #mainContent .ContentLeft .viewCards .Best18 h1 { font-size:28px; } #bodyMainWrapper #mainContent .ContentLeft .viewCards .Best18 p {} #bodyMainWrapper #mainContent .ContentRight .move { position:relative; margin-left:15px;} .loadingiconMW { position:absolute; z-index:100; top:400px; left:400px; width:130px; height:60px; background:#FFFFFF; border:1px solid #000; text-align:center; } .loadingiconMW img { position:absolute; left:48px; top:5px; }