/* ######### CSS for Shade Tabs. Remove if not using ######### */ .shadetabs{ padding: 0; list-style-type: none; width: 240px; margin-top: 3px; margin-left:10px; display: block; overflow: hidden; } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; height: 23px; color: #2d2b2b; cursor: pointer; } .shadetabs li.loginTel a{display: block; float: left; width: 129px; background: url(../images/index_mobile_login/tab_login_pink.png) no-repeat; height: 23px; z-index: 2; margin-top:1px;} .shadetabs li.loginTel a:hover {display: block; width: 129px; background: url(../images/index_mobile_login/tab_login_pink_active.png) no-repeat; height: 23px;} .shadetabs li.loginTel a.selected {display: block; width: 129px; background: url(../images/index_mobile_login/tab_login_pink_active.png) no-repeat; height: 23px;} .shadetabs li.loginMail a{display: block; float: left; width: 132px; background: url(../images/index_mobile_login/tab_login_grey.png) no-repeat; height: 23px; margin-left: -21px;margin-top:1px;} .shadetabs li.loginMail a:hover {display: block; width: 132px; background: url(../images/index_mobile_login/tab_login_grey_active.png) no-repeat; height: 23px;/* margin-left: -21px;*/} .shadetabs li.loginMail a.selected {display: block; width: 132px; background: url(../images/index_mobile_login/tab_login_grey_active.png) no-repeat; height: 23px; z-index: 3; /*margin-left: -21px;*/} .shadetabs li span {visibility: hidden;} .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: none; color: #2d2b2b; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 0px; } .shadetabs li a.selected{ /*selected main tab style */ background-image: url(shadeactive.gif); border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } /*-- Tab Content --*/ .tabDetail{ padding: 0; list-style-type: none; width: 538px; margin: 0px; display: block; overflow: hidden; } .tabDetail li{ display: inline; margin: 0; } .tabDetail li a{ text-decoration: none; position: relative; z-index: 1; height: 25px; color: #2d2b2b; cursor: pointer; } .tabDetail li.event a{display: block; float: left; width: 130px; background: url(../images/nav/nav-event.png) no-repeat; height: 25px; z-index: 5;} .tabDetail li.event a:hover {display: block; width: 130px; background: url(../images/nav/nav-event-over.png) no-repeat; height: 25px;} .tabDetail li.event a.selected {display: block; width: 130px; background: url(../images/nav/nav-event-over.png) no-repeat; height: 25px; z-index: 12;} .tabDetail li.activity a{display: block; float: left; width: 160px; background: url(../images/nav/nav-activity.png) no-repeat; height: 25px; margin-left: -18px; z-index: 4;} .tabDetail li.activity a:hover {display: block; width: 160px; background: url(../images/nav/nav-activity-over.png) no-repeat; height: 25px;} .tabDetail li.activity a.selected {display: block; width: 160px; background: url(../images/nav/nav-activity-over.png) no-repeat; height: 25px; z-index: 11;} .tabDetail li.freecontent a{display: block; float: left; width: 160px; background: url(../images/nav/nav-freecontent.png) no-repeat; height: 25px; margin-left: -18px; z-index: 3;} .tabDetail li.freecontent a:hover {display: block; width: 160px; background: url(../images/nav/nav-freecontent-over.png) no-repeat; height: 25px;} .tabDetail li.freecontent a.selected {display: block; width: 160px; background: url(../images/nav/nav-freecontent-over.png) no-repeat; height: 25px; z-index: 6;} .tabDetail li.affiliate a{display: block; float: left; width: 141px; background: url(../images/nav/nav-affiliate.png) no-repeat; height: 25px; z-index: 2; margin-left: -18px;} .tabDetail li.affiliate a:hover {display: block; width: 141px; background: url(../images/nav/nav-affiliate-over.png) no-repeat; height: 25px;} .tabDetail li.affiliate a.selected {display: block; width: 141px; background: url(../images/nav/nav-affiliate-over.png) no-repeat; height: 25px; z-index: 10;} .subevent{ list-style-type: none; width: 500px; margin: 0px; display: block; overflow: hidden; background: url(../images/bg/bg-subNav.png) no-repeat; padding: 5px 0px 3px 37px; height: 18px; } .subevent li{ display: inline; margin: 0; } .subevent li a{ text-decoration: none; position: relative; z-index: 1; height: 18px; color: #2d2b2b; cursor: pointer; } .subevent li.wedding a{display: block; float: left; width: 110px; height: 15px; background: url(../images/nav/nav-wedding.png) no-repeat; margin-right: 50px;} .subevent li.wedding a:hover{display: block; float: left; width: 110px; height: 15px; background: url(../images/nav/nav-wedding-over.png) no-repeat; margin-right: 50px;} .subevent li.wedding a.selected{display: block; float: left; width: 110px; height: 15px; background: url(../images/nav/nav-wedding-over.png) no-repeat; margin-right: 50px;} .subevent li.other a{display: block; float: left; width: 102px; height: 15px; background: url(../images/nav/nav-other.png) no-repeat; } .subevent li.other a:hover{display: block; float: left; width: 102px; height: 15px; background: url(../images/nav/nav-other-over.png) no-repeat; } .subevent li.other a.selected{display: block; float: left; width: 102px; height: 15px; background: url(../images/nav/nav-other-over.png) no-repeat; } .tabDetail li span {visibility: hidden;} .tabDetail li a:visited{ color: #2d2b2b; } .tabDetail li a:hover{ text-decoration: none; color: #2d2b2b; } .tabDetail li a.selected{ /*selected main tab style */ position: relative; top: 0px; } .tabDetail li a.selected{ /*selected main tab style */ background-image: url(shadeactive.gif); border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; } /*-- Free Content --*/ .subFreecontent{ list-style-type: none; width: 525px; margin: 0px; display: block; overflow: hidden; background: url(../images/bg/bg-freecontent.png) no-repeat; padding: 7px 0px 3px 12px; height: 16px; } .subFreecontent li{ display: inline; margin: 0px 16px 0px 0px; } .subFreecontent li a{ text-decoration: none; position: relative; z-index: 1; height: 10px; color: #2d2b2b; cursor: pointer; } .subFreecontent li.navFree1 a{display: block; float: left; width: 43px; height: 10px; background: url(../images/nav/nav-free1.png) no-repeat;} .subFreecontent li.navFree1 a:hover{display: block; float: left; width: 43px; height: 10px; background: url(../images/nav/nav-free1-over.png) no-repeat;} .subFreecontent li.navFree1 a.selected{display: block; float: left; width: 43px; height: 10px; background: url(../images/nav/nav-free1-over.png) no-repeat; } .subFreecontent li.navFree2 a{display: block; float: left; width: 49px; height: 10px; background: url(../images/nav/nav-free2.png) no-repeat; } .subFreecontent li.navFree2 a:hover{display: block; float: left; width: 49px; height: 10px; background: url(../images/nav/nav-free2-over.png) no-repeat; } .subFreecontent li.navFree2 a.selected{display: block; float: left; width: 49px; height: 10px; background: url(../images/nav/nav-free2-over.png) no-repeat; } .subFreecontent li.navFree3 a{display: block; float: left; width: 63px; height: 10px; background: url(../images/nav/nav-free3.png) no-repeat; } .subFreecontent li.navFree3 a:hover{display: block; float: left; width: 63px; height: 10px; background: url(../images/nav/nav-free3-over.png) no-repeat; } .subFreecontent li.navFree3 a.selected{display: block; float: left; width: 63px; height: 10px; background: url(../images/nav/nav-free3-over.png) no-repeat; } .subFreecontent li.navFree4 a{display: block; float: left; width: 60px; height: 10px; background: url(../images/nav/nav-free4.png) no-repeat; } .subFreecontent li.navFree4 a:hover{display: block; float: left; width: 60px; height: 10px; background: url(../images/nav/nav-free4-over.png) no-repeat; } .subFreecontent li.navFree4 a.selected{display: block; float: left; width: 60px; height: 10px; background: url(../images/nav/nav-free4-over.png) no-repeat; } .subFreecontent li.navFree5 a{display: block; float: left; width: 29px; height: 10px; background: url(../images/nav/nav-free5.png) no-repeat; } .subFreecontent li.navFree5 a:hover{display: block; float: left; width: 29px; height: 10px; background: url(../images/nav/nav-free5-over.png) no-repeat; } .subFreecontent li.navFree5 a.selected{display: block; float: left; width: 29px; height: 10px; background: url(../images/nav/nav-free5-over.png) no-repeat; } .subFreecontent li.navFree6 a{display: block; float: left; width: 29px; height: 10px; background: url(../images/nav/nav-free6.png) no-repeat; } .subFreecontent li.navFree6 a:hover{display: block; float: left; width: 29px; height: 10px; background: url(../images/nav/nav-free6-over.png) no-repeat; } .subFreecontent li.navFree6 a.selected{display: block; float: left; width: 29px; height: 10px; background: url(../images/nav/nav-free6-over.png) no-repeat; } .subFreecontent li.navFree7 a{display: block; float: left; width: 30px; height: 10px; background: url(../images/nav/nav-free7.png) no-repeat; } .subFreecontent li.navFree7 a:hover{display: block; float: left; width: 30px; height: 10px; background: url(../images/nav/nav-free7-over.png) no-repeat; } .subFreecontent li.navFree7 a.selected{display: block; float: left; width: 30px; height: 10px; background: url(../images/nav/nav-free7-over.png) no-repeat; } .subFreecontent li.navFree8 a{display: block; float: left; width: 30px; height: 10px; background: url(../images/nav/nav-free8.png) no-repeat; } .subFreecontent li.navFree8 a:hover{display: block; float: left; width: 30px; height: 10px; background: url(../images/nav/nav-free8-over.png) no-repeat; } .subFreecontent li.navFree8 a.selected{display: block; float: left; width: 30px; height: 10px; background: url(../images/nav/nav-free8-over.png) no-repeat; } .subFreecontent li.navFree9 a{display: block; float: left; width: 47px; height: 15px; background: url(../images/nav/nav-free9.png) no-repeat; } .subFreecontent li.navFree9 a:hover{display: block; float: left; width: 47px; height: 15px; background: url(../images/nav/nav-free9-over.png) no-repeat; } .subFreecontent li.navFree9 a.selected{display: block; float: left; width: 47px; height: 15px; background: url(../images/nav/nav-free9-over.png) no-repeat; } @media print { .tabcontent { display:block !important; } } /* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */ .modernbricksmenu2{ padding: 0; width: 362px; border-top: 5px solid #D25A0B; /*Brown color theme*/ background: transparent; voice-family: "\"}\""; voice-family: inherit; } .modernbricksmenu2 ul{ margin:0; margin-left: 10px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; } .modernbricksmenu2 li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; } .modernbricksmenu2 a{ float: left; display: block; font: bold 11px Arial; color: white; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 10px; background-color: black; /*Brown color theme*/ border-top: 1px solid white; } .modernbricksmenu2 a:hover{ background-color: #D25A0B; /*Brown color theme*/ color: white; } .modernbricksmenu2 a.selected{ /*currently selected tab*/ background-color: #D25A0B; /*Brown color theme*/ color: white; border-color: #D25A0B; /*Brown color theme*/ } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } } /* ######### CSS for Indented CSS Tabs. Remove if not using ######### */ .indentmenu{ font: bold 13px Arial; width: 100%; /*leave this value as is in most cases*/ } .indentmenu ul{ margin: 0; padding: 0; float: left; /* width: 80%; width of menu*/ border-top: 1px solid navy; /*navy border*/ background: black url(indentbg.gif) center center repeat-x; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; color: white; /*text color*/ padding: 5px 11px; text-decoration: none; border-right: 1px solid navy; /*navy divider between menu items*/ } .indentmenu ul li a:visited{ color: white; } .indentmenu ul li a.selected{ color: white !important; padding-top: 6px; /*shift text down 1px*/ padding-bottom: 4px; background: black url(indentbg2.gif) center center repeat-x; } .tabcontentstyle{ /*style of tab content oontainer*/ border: 1px solid gray; width: 450px; margin-bottom: 1em; padding: 10px; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } }