/* Main CSS Document for Oodlebox */ /* normalize for cross browser compatibility */ * {margin:0;padding:0;} img {vertical-align:bottom;border:0;} li {list-style:none;} a {text-decoration:none;} .bold {font-weight:bold;} img.bnr {display:inline;} .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} body {background:#6f6f6f url(../_images/body_bg.gif) 0 0 repeat;color:#000;font:10px Helvetica, Arial, sans-serif;color:#fff; margin: 0px 0px 10px 0px;} #mainWrapper {width:922px;margin:0 auto;background:url(../_images/content_bg.png) 0 0 repeat-y;overflow:hidden;_height:1%;} #wrapper {width:882px;margin:0 21px; zbackground: #007391;} #col-1, #col-2, #col-3, #col-4 {float:left;} #col-1 h1, #col-2 h1, #col-3 h1, #col-4 h1 {text-indent:-9999em;background-position:0 0;background-repeat:no-repeat;height:31px;} #col-1 {width:149px;} #col-1 h1 {background:#00aedb url(../_images/channels_hdr.gif);} #col-2 {width:414px;} #col-2 h1 {background:#007391 url(../_images/whats-on-now.gif);} #col-3 {width:160px;} #col-3 h1 {background:#ff6600 url(../_images/whats-hot-and-new.gif);} #col-4 {width:157px;} #col-4 h1 {background:#b2bb1c url(../_images/supportFolks_hdr.gif);} #contentWrapper {width:574px;float:left;position:relative;} #contentWrapper li { list-style: disc; } #contentWrapper ul { margin-left: 40px;} #middleColWrapper {background:#00aedb;overflow:hidden;_height:1%;padding:0 0 20px 0;} #btmCenterAd {margin:20px 0 0 0;} #bnr img {float:left;} #col-1 selectedsection ul {margin:0 0 26px 0;} #col-1 ul li { width:149px; min-height:40px; height:auto !important; height:40px; } #col-1 ul li a { background:#F37020 url(../_images/mainNav_bg.gif); width:149px; height:40px; display:block; text-indent:-9999em; } #col-1 ul ul { margin:3px 0 15px 0; } #col-1 ul ul li { min-height:0; height:auto !important; height:0; } #col-1 ul li ul li a { text-indent:0; background:transparent; height:auto; font-size:11px; text-transform:uppercase; color:#fff; padding:0 0 0 55px; width:94px; } #col-1 ul li ul li.current a { color:#000; } #col-1 ul li.link5007 a { background-position:0 0; } #col-1 ul li.link5007 a:hover { background-position:-149px 0; } #col-1 ul li.link5007.current a, #col-1 ul li.link5007.current a:hover { background-position:-298px 0; } #col-1 ul li.link5006 a { background-position:0 -40px; } #col-1 ul li.link5006 a:hover { background-position:-149px -40px; } #col-1 ul li.link5006.current a, #col-1 ul li.link5006.current a:hover { background-position:-298px -40px; } #col-1 ul li.link5005 a { background-position:0 -80px; } #col-1 ul li.link5005 a:hover { background-position:-149px -80px; } #col-1 ul li.link5005.current a, #col-1 ul li.link5005.current a:hover { background-position:-298px -80px; } #col-1 ul li.link5004 a { background-position:0 -120px; } #col-1 ul li.link5004 a:hover { background-position:-149px -120px; } #col-1 ul li.link5004.current a, #col-1 ul li.link5004.current a:hover { background-position:-298px -120px; } #col-1 ul li.link5003 a { background-position:0 -160px; } #col-1 ul li.link5003 a:hover { background-position:-149px -160px; } #col-1 ul li.link5003.current a, #col-1 ul li.link5003.current a:hover { background-position:-298px -160px; } #col-1 ul li.link5002 a { background-position:0 -200px; } #col-1 ul li.link5002 a:hover { background-position:-149px -200px; } #col-1 ul li.link5002.current a, #col-1 ul li.link5002.current a:hover { background-position:-298px -200px; } #col-1 ul li.link5001 a { background-position:0 -240px; } #col-1 ul li.link5001 a:hover { background-position:-149px -240px; } #col-1 ul li.link5001.current a, #col-1 ul li.link5001.current a:hover { background-position:-298px -240px; } #col-1 ul li.link5035 a { background-position:0 -280px; } #col-1 ul li.link5035 a:hover { background-position:-149px -280px; } #col-1 ul li.link5035 .current a, #col-1 ul li.link5035 .current a:hover { background-position:-298px -280px; } #col-1 ul li.link5731 a { background-position:0 -320px; } #col-1 ul li.link5731 a:hover { background-position:-149px -320px; } #col-1 ul li.link5731 .current a, #col-1 ul li.link5731 .current a:hover { background-position:-298px -320px; } #col-1 ul li.link5757 a { background-position:0 -360px; } #col-1 ul li.link5757 a:hover { background-position:-149px -360px; } #col-1 ul li.link5757 .current a, #col-1 ul li.link5757 .current a:hover { background-position:-298px -360px; } #col-1 .form { padding:0 5px; } #col-1 .form input #search_txt { width:133px; } #col-1 .form label { text-align:right; display:block; text-transform:uppercase; padding:0 4px 0 0; margin:5px 0 0 0; } #col-1 .form a { font-weight:bold;color:#fff; } #col-1 p.poweredBy { text-transform:uppercase; font-size:10px; text-align:center; margin:10px 10px 10px 10px; } /* margin trim for IE6 */ /* #col-2 #col-2_content { margin:10px 22px 0 21px; } */ #col-2 #col-2_content { margin:10px 4px 0 14px; } #col-2 #col-2_content h2 { font-size:24px; font-weight:normal; margin:0 0 9px 0; } #col-2 #col-2_content h3 { font-size:12px; font-weight:bold; clear: both; padding-top:5px; } #col-2 #col-2_content h2, #col-2 #col-2_content h3 { text-transform:uppercase; } ul#crumbTrail { overflow:hidden; _height:1%; margin:0 0 9px 0; } ul#crumbTrail li { float:left; } ul#crumbTrail a { color:#fff; } ul#crumbTrail em { padding:0 2px; } #flashWrap_home { border-bottom:3px solid #007391; padding:0 0 0 0; margin:0 0 0 0; } ul#userTools { margin:5px 0 10px 0; display: block;S } ul#userTools li { float:left; list-style-type: none; list-style-image: none; list-style-position: outside; vertical-align: text-top; } ul#userTools li.p { padding:0 30px 0 0; } ul#userTools li.p a, ul#userTools li.p a:hover, ul#userTools li.p a:visited { color: #fff; text-decoration: none; } #userTools { color: #fff; } table#userTools td { padding-bottom: 5px;} table#userTools td.p a, table#userTools td.p a:hover, table#userTools td.p a:visited { color: #fff; text-decoration: none; } #oodles p.signUp a { background:url(../_images/signUp_btn.jpg) 0 0 no-repeat; width:149px; height:104px; text-indent:-9999em;display:block; } #oodles ul#actionList { position:absolute; left:-149px;top:-25px; } #oodles ul#actionList li { margin:0 0 26px 0; } #oodles h3 { text-indent:-9999em; width:186px; height:19px; background:url(../_images/oodles_hdr2.png) 0 0 no-repeat; position:absolute; left:23px; top:7px; } #oodles { background: url(../_images/oodles_bg.png) 0 0 repeat-x; clear:both; padding:55px 0 0 8px; position:relative; } #oodles .oodle_col { float:left; width:114px; } #oodles .oodle_col h4 { text-transform:uppercase; text-align:center; font-size:10px; } #oodles .oodle_col dl { margin:18px 0 0 0; } #oodles .oodle_col dt { padding:4px 1px 0 0; width:113px; height:77px; background:#574e41 url(../_images/oodleThumb_bg2.png) 0 0 no-repeat; text-align:center; } #oodles .oodle_col dd { margin:0 0 20px 0;padding:0 0px 0 19px; } #oodles .oodle_col dd a { color:#fff;font-size:10px; } #oodles .oodle_col dd a em { display:block;text-transform:uppercase;font-style:normal;font-weight:bold; } /* margin trim for IE6 */ /*#oodles div { width:95px;float:left;margin:0 7px; }*/ #oodles div { float:left; } #oodles div div { float:left;margin:0 24px; } #oodles h4:hover, #oodles h4.h4hover { color:#ff6600;cursor:pointer; } #oodles h4 { font-size:12px;text-align:center;margin:0 0 15px 0; } #col-3 div { margin:36px 0 0 0; } #col-3 dl { float:left; } #col-3 dl.thumbPrev {width:131px;padding: 10px;} #col-3 dl.thumbPrev dt {width:122px;height:88px; zmargin:0 0 11px 0; } #col-3 dl.thumbPrev dd { margin-bottom: 20px; } #col-3 dl.thumbPrev dt a, #col-3 dl.thumbPrev dt a:visited, #col-3 dl.thumbPrev dt a:hover, #col-3 dl.thumbPrev dt a:active { display: block; width: 122px; height: 88px; } #col-3 dl.thumbPrev:hover, #col-3 dl.thumbPrev.hotClipsHover { background-color:#77e0fb; } #col-3 dl.thumbPrev { xmargin-bottom:10px;} #col-3 dl.thumbPrev em, #col-3 dl.thumbPrev a em {display:block;text-transform:uppercase;font-style:normal;font-weight:bold; margin-top: 5px;} #oodles dl.thumbPrev {width:122px; height: 140px; padding: 1px;} #oodles dl.thumbPrev dt {width:122px;height:88px; zmargin:0 0 11px 0; } #oodles dl.thumbPrev dd { margin-bottom: 20px; } #oodles dl.thumbPrev dt a, #oodles dl.thumbPrev dt a:visited, #oodles dl.thumbPrev dt a:hover, #oodles dl.thumbPrev dt a:active { display: block; width: 122px; height: 88px; } #oodles dl.thumbPrev:hover, #oodles dl.thumbPrev.oodleThumb { background-color:#797167; } #oodles dl.thumbPrev:hover dt, #oodles dl.thumbPrev {zmargin-bottom:10px;} #oodles dl.thumbPrev em, #oodles dl.thumbPrev a em {display:block;text-transform:uppercase;font-style:normal;font-weight:bold; margin-top: 5px;} #col-3 div dd { zheight:66px; } #oodles .defaultOodles div dd { zheight:80px; } /*dl.thumbPrev dd {padding:0 0 0 4px; zheight:80px;} dl.thumbPrev a {font-size:10px;} */ #col-3 dl.thumbPrev a {color:#000;} #oodles dl.thumbPrev a {color:#fff;} .defaultOodles { float:left; xheight:560px; width:558px; } #footerWrapper {clear:both;background:#0199c1 url(../_images/footer_bg.jpg) 0 0 no-repeat;min-height:112px;height:auto !important;height:112px; text-align:center;text-transform:uppercase;} #footerWrapper a {text-decoration:underline;color:#fff;} #footer {padding:22px 18px 0;} #footer ul {font-size:14px;text-align:center;margin:0 0 12px 0;} #footer ul li {display:inline;padding:22px 10px;} #footer ul li a {text-decoration:none;} #footer p {clear:both;} .unselectedsection ul { display:none; } .link5007 ul { display:none; } .adContainer {padding-left:5px; padding-right:5px;} .googleAddBox { padding: 5px 5px 5px 5px; } /* Arrowclick 8 styles */ .rightcolumn { float: left; width:auto; } .pagContainer { padding-top: 30px; padding-top: 20px; clear:left; width: 300px; color: #fff; } .pagContainer a, .pagContainer a:visited, .pagContainer a:hover { color: #fff; text-decoration: underline;} /* CustomerService.aspx styles */ .custservMain { width: 574px; background: #C5E6E9 url(../_images/generic-bg.gif) repeat-x; font-size: 125%; color: #09C; } .custservMain h1 { background: #007391; font: bold 150% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #C1EFFB; padding: 8px 18px 8px 18px; } .custservMain h2 { padding-bottom: 20px; color: #09C; font-size: 1.5em; } .custservMain h3 { padding: 20px 0px 20px 0px; color: #09C; } .custservMain span { color: #09C; } .custservMain p { padding: 10px 0px 10px 0px; color: #09C; } .custservMain a, .custservMain a:visited { color: #09C; } .custservMain a:hover { text-decoration: underline; } .custserv { zpadding: 10px 10px 10px 10px; width: 574px;} .custserv a, .custserv a:visited { color: #09C; } .custserv a:hover { text-decoration: underline; } .login .labels { text-align: right; color: #09C; } .loginform { padding: 40px 20px 40px 20px;} /* Ryans Area*/ .generic { width: 574px; background: #C5E6E9 url(../_images/generic-bg.gif) repeat-x; font-size: 125%; height: 1100px; } .generic ul { color: #000; padding: 10px 0px 20px 20px;} .generic ul li a { color: #000; text-decoration: none; } .generic ul li a:hover { color: #000; text-decoration: underline; } .generic ul li a:visited { color: #000;} .generic h1 { background: #007391; font: bold 150% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #C1EFFB; padding: 5px 10px 5px 15px; } .genericwrapper { font-size: 100%; color: #000; padding: 20px; } .genericwrapper tr { vertical-align: top; } .genericwrapper h1 { background: none; font: bold 200% Verdana,Geneva,Arial,Helvetica,sans-serif; padding: 0px 0px 20px 0px; color: #069; } .genericwrapper h2 { padding-bottom: 20px; color: #09C; } .genericwrapper h3 { padding: 20px 0px 20px 0px; color: #09C; } .genericwrapper span { color: #09C; } .genericwrapper p { padding: 10px 0px 10px 0px; } .genericwrapperNopad { font-size: 100%; color: #000; padding: 40px 0px 40px 0px; } .genericwrapperNopad tr { vertical-align: top; } .genericwrapperNopad h1 { background: none; font: bold 200% Verdana,Geneva,Arial,Helvetica,sans-serif; padding: 0px 0px 20px 0px; color: #069; } .genericwrapperNopad h2 { padding-bottom: 20px; color: #09C; } .genericwrapperNopad h3 { padding: 20px 0px 20px 0px; color: #09C; } .genericwrapperNopad span { color: #09C; } .genericwrapperNopad p { padding: 10px 0px 10px 0px; } .profilesleft { width: 336px; padding-right: 20px; float: left; } .profilesleft div { padding-bottom: 20px; } .profilesleft big { font: bold 175% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #09C; } .profilesleft img { float: left; } .profilesright { width: 155px; padding-left: 20px; border-left: 3px solid #9BCED6; float: left; } .profilesright span { color: #007391; text-transform: uppercase; } .blogleft { width: 155px; padding: 15px; float: left; } .blogleft big { font: bold 175% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #09C; } .blogleft img { float: left; } .blogright { width: 385px; background: #F0F9F9 url(../_images/generic-blog-bg.gif) repeat-x; float: left; } .blogright span { color: #007391; text-transform: uppercase; } .scroll { height: 100%; margin: 10px; padding: 15px; } .scroll { overflow: scroll; overflow-x: hidden; overflow-y: scroll; } #contentWrapper .noshow { display:none;} /* other */ .privacy { padding: 10px; margin: 10px 10px 0 0 ; overflow-x: hidden; overflow-y: auto; height:1000px;} .privacy h1, .privacy h2 { color: #000; background: none; padding: 0px; } .privacy a, .privacy a:hover, .privacy a:visited { color: #000; text-decoration: underline;} .privacy li { list-style: disc; } .privacy ul { margin-left: 40px;} .Contactform .Contactloginframe .Contactloginform {} .Contactform { background-color: #00AEDB ; font: Verdana,Geneva,Arial,Helvetica,sans-serif; height: 1100px; } .Contactform h1 { background-color: #007390; font: bold 175% Verdana,Geneva,Arial,Helvetica,sans-serif; padding: 5px 10px 5px 15px; color: #fff;} .Contactform p { font-size: 14px; padding-bottom: 20px;} .Contactloginform { padding: 15px; } .Contactloginform .labels { font-size: 12px; color: #fff;} .Contactloginframe blockquote { font-size: 14px; padding: 20px;} .gurus { width: 574px; background: #00aedb ; font-size: 125%; } .gurus h1 { background: #007390; font: bold 150% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #fff; padding: 5px 10px 5px 15px; } .guruswrapper {font-size: 100%; color: #fff; padding: 0px;} .guruswrapper .profilesleft { width: 374px; padding: 20px 10px 20px 20px; float: left; } .guruswrapper .profilesleft div { padding-bottom: 20px; } .guruswrapper .profilesleft big { font: bold 140% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #003340; } .guruswrapper .profilesleft img { float: left; } .guruswrapper .profilesleft strong { color: #004a5d ;} .guruswrapper .profilesleft p { color: #000; line-height: 16px; } .guruswrapper .profilesleft a, .guruswrapper .profilesleft a:hover, .guruswrapper .profilesleft a:visited { color: #afbd21; text-decoration: none;} .guruswrapper .profilesright { width: 150px; padding-left: 20px; padding-top: 20px; background-color: #afbd21 ; float: left; border-left: 0px; } .guruswrapper .profilesright span { padding-bottom: 20px; } .guruswrapper .profilesright span strong { font: bold 125% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #fff; } .guruswrapper .profilesright p { font: bold 90% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #004b5e; padding: 10px 0 10px 0 ; } .guruswrapper .profilesright a, .guruswrapper .profilesright a:hover, .guruswrapper .profilesright a:visited, .guruswrapper .profilesright p span { font: bold 110% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #003340; text-transform: uppercase; text-decoration: underline;} .guruswrapper .detailprofilesleft { width: 165px; padding: 10px 10px 10px 10px; float: left; } .guruswrapper .detailprofilesleft img { float: left; padding-bottom: 10px; } .guruswrapper .detailprofilesleft big { font: bold 100% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #fff; } .guruswrapper .detailprofilesleft strong { font: normal 100% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #fff ; } .guruswrapper .detailprofilesleft a, .guruswrapper .detailprofilesleft a:hover, .guruswrapper .detailprofilesleft a:visited { text-decoration: underline; color: #fff; } .guruswrapper .detailprofilesleft {} .guruswrapper .detailprofilesright { width: 369px; padding: 10px 10px 10px 10px; background-color: #00aedb ; float: left; border-left: 0px; } .guruswrapper .detailprofilesright big { font: bold 200% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #003340; } .guruswrapper .detailprofilesright strong { font: bold 120% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #004a5d ; } .guruswrapper .detailprofilesright img { float: left; padding-top: 10px; padding-bottom: 10px; } .guruswrapper .detailprofilesright p { font: normal 12px Verdana,Geneva,Arial,Helvetica,sans-serif; padding-top:20px; padding-bottom: 20px; color: #000; line-height: 16px;} .guruswrapper .detailprofilesright a, .guruswrapper .detailprofilesright a:hover, .guruswrapper .detailprofilesright a:visited { text-decoration: underline; color: #000; } .gurusblogwrapper { padding: 20px; background-color: #81D7EE; color: #000;} .gurusblogwrapper span { font: bold 10px Verdana,Geneva,Arial,Helvetica,sans-serif; color: #007390; } .gurusblogwrapper p { font: normal 12px Verdana,Geneva,Arial,Helvetica,sans-serif; line-height: 16px; padding: 5px 0 5px 0; } .gurusblogwrapper a, .gurusblogwrapper a:hover, .gurusblogwrapper a:visited { font: bold 10px Verdana,Geneva,Arial,Helvetica,sans-serif; color: #007390; text-decoration: underline;} .gurusblogwrapper hr { border-color: #007390; margin: 10px 0 10px 0; }