#body { margin:0; padding:0; background-color:#e6e7e8; } a { color:#d72740; text-decoration:none; } a:hover { text-decoration:underline; } p { margin-top:0; } h1 { margin-top:0; font-family:futura_medium_condensed; font-size:28px; line-height:120%; font-weight:normal; color:#d72740; text-transform:uppercase; } h2 { margin-top:0; font-family:futura_medium_condensed; font-size:21px; line-height:120%; font-weight:normal; color:#005895; text-transform:uppercase; } h3 { margin-top:0; font-family:futura_medium_condensed; font-size:21px; line-height:120%; font-weight:normal; color:#000000; text-transform:uppercase; } h4 { margin-top:0; font-family:futura_medium_condensed; font-size:21px; line-height:120%; font-weight:normal; color:#d72740; text-transform:uppercase; } h5 { margin-top:0; font-family:futura_medium_condensed; font-size:21px; line-height:120%; font-weight:normal; color:#58595b; text-transform:uppercase; } h6 { margin-top:0; font-family:futura_medium_condensed; font-size:16px; line-height:120%; font-weight:normal; color:#000000; text-transform:uppercase; } .h7 { margin-top:0; font-family:Helvetica,Arial,Sans-serif; font-size:14px; line-height:120%; font-weight:normal; color:#000000; } .h8 { margin-top:0; font-family:Helvetica,Arial,Sans-serif; font-size:12px; line-height:120%; font-weight:normal; color:#58595b; } h3 a { color:#000000; } img { max-width:100%; height:auto; } #header, #nav, #main, #footer { min-width:320px;} /* header */ #header { font-family:futura_condensed; font-size:14px; line-height:120%; color:#d72740; text-transform:uppercase; } #header .content { position:relative; min-width:280px; height:55px; padding:16px 20px 0 20px; } #header img.logo { float:left; width:157px; height:42px; border:0; } #header .facebook { display:none; } #header a.twitterlink, #header a.facebooklink { float:right; width:20px; height:20px; margin-top:10px; display:block; background:top left no-repeat url(../images/icon-twitter-mobile.gif); } #header a.facebooklink { margin-left:3px; background-image:url(../images/icon-facebook-mobile.gif); } #header .login { float:right; margin:12px 11px 0 0; } #header .login span { display:none; } #header a { color:#58595b; text-decoration:none; } #ecart_summary a { padding:0 16px; color:#FFFFFF; background-color:#389818; } /* nav */ #nav { min-height:30px; position:relative; background-color:#005895; } #nav ul, #nav li { margin:0; padding:0; list-style:none; } #nav a.menu { position:absolute; top:5px; right:20px; width:21px; height:20px; display:block; background:center center no-repeat url(../images/menu-button.gif); } #menu { display:none; } #nav ul { clear:both; } #nav li.hidden { display:none !important; } #nav li a { padding:7px 20px 5px 20px; font-family:futura_medium_condensed; font-size:15px; line-height:120%; color:#FFFFFF; text-decoration:none; text-transform:uppercase; display:block; border-top:1px solid #FFFFFF; } #nav li:first-child a { border-top:0; } #nav ul ul { display:none; } #nav li:hover > ul, #nav li.hover > ul { display:block; } #nav li li a { color:#FFFFFF; text-transform:none; background-color:#636466; } #nav li li:first-child a { border-top:1px solid #FFFFFF; } /* main */ #main .content { padding:14px 8px 0 8px; } #main .crumb { padding:2px 4px 14px 4px; color:#58595b; } #main .crumb a { color:#58595b; } #main .box { margin-bottom:14px; border:1px solid #aeafb0; background-color:#FFFFFF; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; /* box-sizing: border-box;*/ -moz-box-shadow:1px 1px 6px 0 #aeafb0; -webkit-box-shadow:1px 1px 6px 0 #aeafb0; box-shadow:1px 1px 6px 0 #aeafb0; } #main .box .inner { padding:18px 20px 14px 20px; } #main .heading h1 { padding-bottom:10px; border-bottom:2px solid #c8cacc; } #main a.book { float:right; width:99px; height:22px; padding-top:3px; margin-right:14px; display:block; font-family:futura_medium_condensed; font-size:18px; line-height:120%; color:#FFFFFF; text-transform:uppercase; text-align:center; text-decoration:none; background-color:#d52a44; } #main .mpsearch p { font-size:12px; line-height:120%; margin:0; } #main .mpsearch p span { display:block; font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#d72740; text-transform:uppercase; } #main .mpsearch form { margin:0; padding:0; } #main .mpsearch input { width:100%; height:21px; margin-top:7px; padding:0; border:1px solid #d3d4d4; } #main .mpsearch input.submit { float:right; width:auto; height:auto; margin-top:6px; font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#000000; text-transform:uppercase; cursor:pointer; border:0; background:none; } #main .sponsors { padding:9px 0 24px 0; } #main .sponsors ul, #main .sponsors li { margin:0; padding:0; list-style:none; } #main .sponsors li { display:inline-block; zoom:1; *display:inline; vertical-align:middle; } #main .sponsors li img { margin:0 auto; } #main .fb-share-button a { width:50px; height:50px; border:1px solid red; background:red; text-indent:-9999px; } /* homepage */ #main .homeintro .left img.image { width:100%; height:auto; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; } #main .homeintro .sponsors { display:none; } #main .homeintro .sponsorsmobile { padding-top:9px; } #main ul.sponsorgallerymobile, #main .sponsorgallerymobile li, #main ul.single, #main .single li { margin:0; padding:0; list-style:none; } #main ul.pagermobile, #main .pagermobile li, #main ul.pager, #main .pager li { margin:0; padding:0; list-style:none; } #main .sponsorgallerymobile li img { margin:0 auto; } #main .sponsorsmobile .bx-wrapper { margin-bottom:18px; } #main .sponsorsmobile .bx-prev, #main .sponsorsmobile .bx-next { width:26px; height:52px; margin:0; top:0; background:center center no-repeat; } #main .sponsorsmobile .bx-prev { left:0; background-image:url(../images/mobile-arrow-left.png); } #main .sponsorsmobile .bx-next { right:0; background-image:url(../images/mobile-arrow-right.png); } #main .pagermobile li, #main .pager li { position:relative; } #main .pagermobile li a, #main .pager li a { position:absolute; top:0; z-index:4; width:100%; height:100%; display:block; } #main .pagermobile li a img, #main .pager li a img { position:absolute; top:0; z-index:1; } #main .pagermobile li a.active-slide, #main .pagermobile li.active-slide a, #main .pager li a.active-slide, #main .pager li.active-slide a { background:top left repeat url(../images/sponsor-gallery-hover.png); } #main .homeleft .masterpoints { padding:12px;} #main .homeleft .masterpoints .inner { position:relative; padding-top:77px; border:8px solid #e6e7e8; } #main .homeleft .masterpoints .inner img.heading { position:absolute; top:-8px; left:-20px; } #main .homeleft .masterpoints .inner .topleftcnr{ position:absolute; right:-8px; top:-8px; width:16px; height:16px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#e6e7e8; } #main .homeleft .masterpoints .inner .leftcnr{ position:absolute; left:-8px; bottom:-8px; width:16px; height:16px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#e6e7e8; } #main .homeleft .masterpoints .inner .rightcnr { position:absolute; right:-8px; bottom:-8px; width:20px; height:20px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#e6e7e8;} #main .homeleft .masterpoints .inner .top h4 { margin:0; } #main .homeleft .masterpoints .inner .top a.viewall { font-weight:bold; } #main .homeleft .masterpoints .inner .top p { clear:both; } #main .homeleft .masterpoints .inner .top ul, #main .homeleft .masterpoints .inner .top li { margin:0; padding:0; list-style:none; } #main .homeleft .masterpoints .inner .top li { display:inline-block; } #main .homeleft .masterpoints .inner .top li .label { padding:3px 8px 0 0; display:inline-block; font-family:futura_medium_condensed; font-size:16px; line-height:120%; color:#000; } #main .homeleft .masterpoints .inner .top li .points { min-width:30px; height:18px; padding:3px 3px 0 3px; margin-right:11px; display:inline-block; vertical-align:top; border:1px solid #d9dbdc; text-align:center; } #main .homeleft .masterpoints table, #main .homeleft .masterpoints tbody, #main .homeleft .masterpoints tr, #main .homeleft .masterpoints td { display: block; } #main .homeleft .masterpoints tr { margin-bottom:12px; } #main .homeleft .masterpoints th { display:none; } #main .homeleft .masterpoints td { position: relative; padding-left: 50%; } #main .homeleft .masterpoints td:before { position:absolute; top:0; left:0; width:50%; white-space:nowrap; font-family:futura_medium_condensed; font-weight:normal; color:#005895; text-transform:uppercase; } #main .homeleft .masterpoints td:nth-of-type(1):before { content: "Date"; } #main .homeleft .masterpoints td:nth-of-type(2):before { content: "Points Type"; } #main .homeleft .masterpoints td:nth-of-type(3):before { content: "Points Value"; } #main .homeleft .masterpoints td:nth-of-type(4):before { content: "Club"; } #main .homeleft .masterpoints td:nth-of-type(5):before { content: "Event"; } #main .homeleft .masterpoints td:nth-of-type(6):before { content: "Type"; } #main ul.news, #main .news li { margin:0; padding:0; list-style:none; } #main .news li { padding:14px 0 10px 0; border-bottom:1px solid #bcbec0; } #main .news h2 { margin-bottom:0; } #main .news p.date { font-size:12px; line-height:120%; font-weight:bold; margin-bottom:12px; } #main .news h2 a { color:#005895; } #main .news .share { float:right; margin-top:3px; } #main .news .share h6 { margin:1px 3px 0 0; display:inline-block; zoom:1; *display:inline; vertical-align:top; } #main .news .share a { width:19px; height:19px; margin-left:5px; display:inline-block; zoom:1; *display:inline; vertical-align:top; background:top left no-repeat url(../images/news-social-icons.gif); } #main .news .share a.twitter{ background-position:-19px 0; } #main .news .share a.email{ background-position:-38px 0; } #main .news .image { float:left; width:122px; padding-right:15px; } #main .news .image img { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #main .homeleft .viewmore { padding-top:9px; text-align:right; } #main .homeleft .viewmore h3 { margin:0; } #main .homeright .box { padding:12px 0; margin:0 auto 14px auto; } #main .homeright .box .inner { position:relative; padding:87px 0 12px 0; margin:0 12px; border:8px solid #e6e7e8; } #main .homeright .box .inner img.heading { position:absolute; top:-8px; left:-20px; } #main .homeright .box .inner p { margin-bottom:7px; } #main .homeright .box .inner .padding { padding:0 25px; } #main .homeright .box .inner .topleftcnr{ position:absolute; right:-8px; top:-8px; width:16px; height:16px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#e6e7e8; } #main .homeright .box .inner .leftcnr{ position:absolute; left:-8px; bottom:-8px; width:16px; height:16px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#e6e7e8; } #main .homeright .box .inner .rightcnr { position:absolute; right:-8px; bottom:-8px; width:20px; height:20px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#e6e7e8;} #main .homeright form { margin:0; padding:0; } #main .homeright label { float:left; clear:both; width:70px; padding:4px 0 0 6px; font-size:12px; line-height:120%; text-align:center; } #main .homeright input, #main .homeright select { float:left; width:162px; height:21px; margin:0 0 6px 0; padding:0; border:1px solid #d3d4d4; } #main .homeright a.forgot { float:left; margin:5px 0 0 76px; font-size:11px; line-height:120%; } #main .homeright input.submit { float:right; width:auto; height:auto; margin-right:22px; font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#000000; text-transform:uppercase; cursor:pointer; border:0; background:none; } #main .homeright .login p { margin:0 25px 7px 25px; } #main .homeright ul.connect, #main .homeright .connect li { margin:0; padding:0; list-style:none; } #main .homeright ul.connect { padding:2px 0 6px 20px; } #main .homeright .connect li { width:125px; margin-bottom:10px; display:inline-block; zoom:1; *display:inline; } #main .homeright .connect li a { font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#000000; text-transform:uppercase; text-decoration:none; } #main .homeright .connect li span { display:inline-block; zoom:1; *display:inline; vertical-align:middle; } #main .homeright .connect li span.icon { width:34px; height:34px; margin-right:6px; background:top left no-repeat url(../images/social-icons.gif); } #main .homeright .connect li.email { width:100px; } #main .homeright .connect li.twitter span { background-position:-34px 0; } #main .homeright .connect li.email span { background-position:-68px 0; } /* Master Points Search */ #main .refine p { float:left; font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#d72740; text-transform:uppercase; } #main .refine p span { margin-left:13px; font-size:20px; } #main .refine ul, #main .refine li { margin:0; padding:0; list-style:none; } #main .refine ul { float:left; padding-top:4px; } #main .refine li { display:inline; padding:0 15px 0 15px; position:relative; } #main .refine li a { padding:0 19px 7px 0; font-family:futura_medium_condensed; font-size:16px; line-height:120%; color:#005895; text-transform:uppercase; background:top right no-repeat url(../images/yellow-dropdown.gif); } #main .refine ul ul { float:none; position:absolute; left:5px; top:19px; width:120px; padding:5px 10px; border:1px solid #cecfd1; background-color:#FFFFFF; z-index:2; } #main .refine li li { display:block; padding:0; } #main .refine li li a { font-size:11px; line-height:120%; font-family:Helvetica,Arial,Sans-serif; color:#58595B; text-transform:none; background:none; } #main .refine li li a:hover { color:#4DC2C4; } table.mptable, table.mptable tbody, table.mptable tr, table.mptable td { display:block; } table.mptable tr { margin-bottom:12px; } table.mptable th { display:none; } table.mptable td { position: relative; padding-left: 50%; } table.mptable td:before { position:absolute; top:0; left:0; width:50%; white-space:nowrap; font-family:futura_medium_condensed; font-weight:normal; color:#005895; text-transform:uppercase; } table.mptable td:nth-of-type(1):before { content: "First Name"; } table.mptable td:nth-of-type(2):before { content: "Surname"; } table.mptable td:nth-of-type(3):before { content: "Number"; } table.mptable td:nth-of-type(4):before { content: "Grade"; } table.mptable td:nth-of-type(5):before { content: "Rank"; } table.mptable td:nth-of-type(6):before { content: "Rating Points"; } table.points, table.points tbody, table.points tr, table.points td { display: block; } table.points tr { margin-bottom:12px; } table.points th { display:none; } table.points td { position: relative; padding-left: 50%; } table.points td:before { position:absolute; top:0; left:0; width:50%; white-space:nowrap; font-family:futura_medium_condensed; font-weight:normal; color:#005895; text-transform:uppercase; } table.points td:nth-of-type(1):before { content: "Session Date"; } table.points td:nth-of-type(2):before { content: "Points Type"; } table.points td:nth-of-type(3):before { content: "Points Value"; } table.points td:nth-of-type(4):before { content: "Club"; } table.points td:nth-of-type(5):before { content: "Event"; } table.points td:nth-of-type(6):before { content: "Event Type"; } table.ranks, table.ranks tbody, table.ranks tr, table.ranks td { display: block; } table.ranks tr { margin-bottom:12px; } table.ranks th { display:none; } table.ranks td { position: relative; padding-left: 50%; } table.ranks td:before { position:absolute; top:0; left:0; width:50%; white-space:nowrap; font-family:futura_medium_condensed; font-weight:normal; color:#005895; text-transform:uppercase; } table.ranks td:nth-of-type(1):before { content: "Year"; } table.ranks td:nth-of-type(2):before { content: "Rank"; } table.ranks td:nth-of-type(3):before { content: "Stars"; } table.totals, table.totals tbody, table.totals tr, table.totals td { display: block; } table.totals tr { margin-bottom:12px; } table.totals th { display:none; } table.totals td { position: relative; padding-left: 50%; } table.totals td:before { position:absolute; top:0; left:0; width:50%; white-space:nowrap; font-family:futura_medium_condensed; font-weight:normal; color:#005895; text-transform:uppercase; } table.totals td:nth-of-type(1):before { content: "Year"; } table.totals td:nth-of-type(2):before { content: "Grade"; } table.totals td:nth-of-type(3):before { content: "Rating Points"; } table.totals td:nth-of-type(4):before { content: "A Points"; } table.totals td:nth-of-type(5):before { content: "B Points"; } table.totals td:nth-of-type(6):before { content: "C Points"; } #main .clubsearch { padding-bottom:20px; } #main .clubsearch form { margin:0; padding:0; } #main .clubsearch input, #main .clubsearch select { width:100%; height:21px; margin-top:7px; padding:0; border:1px solid #d3d4d4; } #main .clubsearch select { height:23px; } #main .clubsearch input.submit { float:right; width:auto; height:auto; margin-top:6px; font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#000000; text-transform:uppercase; cursor:pointer; border:0; background:none; } table.clubs, table.clubs tbody, table.clubs tr, table.clubs td { display: block; } table.clubs tr { margin-bottom:12px; } table.clubs th { display:none; } table.clubs td { position: relative; padding-left: 50%; } table.clubs td:before { position:absolute; top:0; left:0; width:50%; white-space:nowrap; font-family:futura_medium_condensed; font-weight:normal; color:#005895; text-transform:uppercase; } table.clubs td:nth-of-type(1):before { content: "Club"; } table.clubs td:nth-of-type(2):before { content: "Club Name"; } table.clubs td:nth-of-type(3):before { content: "Region"; } table.clubs td:nth-of-type(4):before { content: "Website"; } .mpuser { font-family:futura_medium_condensed; font-size:16px; line-height:120%; text-transform:uppercase; } .mpuser .divider { margin:0 10px; font-size:20px; } .mpuser .number { color:#4DC2C4; } .mpuser .region { color:#d72640; } .mpuser .club { color:#f0c871; } .userstats tr th { font-family:futura_medium_condensed; font-size:16px; line-height:120%; font-weight:normal; color:#d72740; text-transform:uppercase; text-align:left; } .userstats td:first-child, .userstats td:nth-child(2) { border:0; } img.print { float:right; margin-top:16px; } /* Tournament Schedule */ #main .tounamentsearch { margin-bottom:20px; } #main .tounamentsearch label { margin:2px 12px 0 0; display:inline-block; zoom:1; *display:inline; vertical-align:top; } #main .tounamentsearch select, #main .tounamentsearch input { height:21px; border:1px solid #d3d4d4; } #main .tounamentsearch input.submit { width:auto; height:auto; padding:0; display:inline-block; zoom:1; *display:inline; vertical-align:top; font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#000000; text-transform:uppercase; cursor:pointer; border:0; background:none; } #main ul.tournaments, #main .tournaments li { margin:0; padding:0; list-style:none; } #main ul.tournaments { margin-bottom:30px; } #main .tournaments li { padding:14px 0 11px 0; border-bottom:1px solid #c8cacc; } #main .tournaments li:first-child { padding-top:0; } #main .tournaments li .left, #main .tournaments li .right { clear:both; float:left; padding-top:7px; } #main .tournaments li .title { float:left; font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#005895; text-transform:uppercase; } #main .tournaments li .date { float:left; margin-right:17px } #main .tournaments li .region { float:right; margin-right:14px } #main .tournaments li .region a.enter { height:22px; padding:3px 18px 0 18px; display:inline-block; zoom:1; *display:inline; vertical-align:top; font-family:futura_medium_condensed; font-size:17px; line-height:120%; color:#FFFFFF; text-transform:uppercase; text-align:center; text-decoration:none; background-color:#d72740; } #main .tournaments li .grade { float:right; margin-right:14px } #main .tournaments li .points { float:right; } #main .share { float:right; margin-top:3px; } #main .share h6 { margin:1px 3px 0 0; display:inline-block; zoom:1; *display:inline; vertical-align:top; } #main .share a { width:19px; height:19px; margin-left:5px; display:inline-block; zoom:1; *display:inline; vertical-align:top; background:top left no-repeat url(../images/news-social-icons.gif); } #main .share a.email{ background-position:-38px 0; } /* tournament entry */ #main .tournamententry .detail { float:left; padding-top:5px; } #main .tournamententry .reg { float:right; width:58px; height:25px; margin-bottom:3px; } #main .tournamententry .paid { float:right; width:62px; height:25px; margin:0 0 3px 3px; } #main .tournamententry .reg span, #main .tournamententry .paid span { width:100%; height:23px; padding-top:2px; display:block; font-family:futura_medium_condensed; font-size:18px; line-height:120%; color:#FFFFFF; text-transform:uppercase; text-align:center; background-color:#0a5993; } #main .tournamententry .paid span { background-color:#389818; } #main .tournamententry .entry .detail { width:60px; } #main .tournamententry input { float:left; min-width:188px; width:60%; margin:2px 0 3px 8px; } #main .tournamententry input.player_remove { min-width:auto; width:auto; height:auto; padding:0; margin:2px 0 0 0; font-family:futura_medium_condensed; font-size:21px; line-height:110%; color:#000000; text-transform:uppercase; cursor:pointer; border:0; background:none; } #main .tournamententry input.update, #main .tournamententry input.delete, #main .tournamententry input.enter { float:right; min-width:auto; width:auto; height:25px; padding:2px 20px 0 20px; margin:12px 0 0 0; display:block; font-family:futura_medium_condensed; font-size:18px; line-height:120%; color:#FFFFFF; text-transform:uppercase; text-align:center; cursor:pointer; border:0; background-color:#d72740; } #main .tournamententry input.update { margin-left:12px; } #main .tournamententry .buttons { float:right; } /* Staff Gallery */ #main ul.staff, #main .staff li { margin:0; padding:0; list-style:none; } #main ul.staff { text-align:center; } #main .staff li { width:178px; height:250px; padding-top:8px; margin-left:2px; display:inline-block; zoom:1; *display:inline; text-align:center; } #main .staff li:nth-child(5n+1) { margin:0; } #main .staff li img { margin-bottom:4px; } #main .staff li h2 { margin-bottom:2px; } #main .staff li p { margin-bottom:2px; } #main .staff li p.email { font-size:11px; line-height:120%; } /* menupage */ #main ul.menupage, #main .menupage li { margin:0; padding:0; list-style:none; } #main ul.menupage { margin-bottom:20px; text-align:center; } #main .menupage li { width:100%; max-width:288px; display:inline-block; zoom:1; *display:inline; vertical-align:top; } #main .menupage li a { width:100%; max-width:288px; padding:8px 0 7px 0; margin-bottom:20px; display:block; font-family:futura_medium_condensed; font-size:18px; line-height:120%; color:#005895; text-transform:uppercase; text-align:center; text-decoration:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow:0px 0px 10px -5px rgba(0,0,0,1); -moz-box-shadow:0px 0px 10px -5px rgba(0,0,0,1); box-shadow:0px 0px 10px -5px rgba(0,0,0,1); border:1px solid #aeafb0; } #main .menupage li a:hover { color:#ffffff ;background-color:#d72740; } #main .menuleft { padding-bottom:20px; } #main .menuright { padding-bottom:20px; } #main .menuleft .gallery { display:none; } #main ul.menugallerymobile, #main .menugallerymobile li { margin:0; padding:0; list-style:none; } #main ul.menupagermobile, #main .menupagermobile li, #main ul.menupager, #main .menupager li { margin:0; padding:0; list-style:none; } #main .menugallerymobile li img { margin:0 auto; } #main .menuleft .gallerymobile .bx-wrapper { margin-bottom:18px; } #main .menuleft .gallerymobile .bx-prev, #main .menuleft .gallerymobile .bx-next { width:26px; height:68px; margin:0; top:0; background:center center no-repeat; } #main .menuleft .gallerymobile .bx-prev { left:0; background-image:url(../images/menugallery-arrow-left.png); } #main .menuleft .gallerymobile .bx-next { right:0; background-image:url(../images/menugallery-arrow-right.png); } #main .menupagermobile li, #main .menupager li { position:relative; } #main .menupagermobile li a, #main .menupager li a { position:absolute; top:0; z-index:4; width:100%; height:100%; display:block; } #main .menupagermobile li a img, #main .menupager li a img { position:absolute; top:0; z-index:1; } #main .menupagermobile li a.active-slide, #main .menupagermobile li.active-slide a, #main .menupager li a.active-slide, #main .menupager li.active-slide a { background:top left repeat url(../images/sponsor-gallery-hover.png); } /* news */ #main .newscomment { padding-top:12px; border-top:2px solid #d3d4d4; } #main .newscomment h4 { margin-bottom:2px; } #main .newscomment ul, #main .newscomment li { margin:0; padding:0; list-style:none; } #main .newscomment li { padding:14px 0 11px 0; border-top:1px solid #c8cacc; } #main .newscomment li:first-child { border:0; } #main .newscomment li .title { margin-right:16px; font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#005895; text-transform:uppercase; } #main .newscomment li .date { color:#58595b; } #main .newscomment label { width:100%; font-weight:normal; } #main .newscomment textarea { top:0; left:0; width:100%; height:200px; margin-bottom:12px; border:1px solid #d3d4d4; } #main .newscomment input { top:0; left:0; width:auto; } #main .newscomment .checkbox { width:auto; } #main .newscomment .checkbox input { float:left; margin-left:0; } #main .newscomment .checkbox label { clear:none; float:left; width:auto; margin-top:2px; } #main .newscomment input.submit { float:right; width:auto; height:auto; margin-left:20px; padding:0; font-family:futura_medium_condensed; font-size:21px; line-height:110%; color:#000000; text-transform:uppercase; cursor:pointer; border:0; background:none; } /* profile */ #main .profile .heading h1 span { font-family:Helvetica,Arial,Sans-serif; font-size:12px; line-height:120%; color:#000; text-transform:none; } #main .profile .section { padding-bottom:12px; margin-bottom:18px; border-bottom:1px solid #c8cacc; } #main .profile .image { margin-bottom:20px; } #main .profile .masterpoints { margin-bottom:10px; } #main .profile .image h2, #main .profile .masterpoints h2 { margin-bottom:8px; } #main .profile .total h2 { margin-bottom:0; } #main .profile .total span { font-family:futura_medium_condensed; font-size:108px; line-height:110%; color:#95969a; } #main .profile .masterpoints ul, #main .profile .masterpoints li { margin:0; padding:0; list-style:none; } #main .profile .masterpoints li { display:inline-block; } #main .profile .masterpoints li .label { padding:3px 8px 0 0; display:inline-block; font-family:futura_medium_condensed; font-size:16px; line-height:120%; color:#000; } #main .profile .masterpoints li .points { min-width:30px; height:18px; padding:3px 3px 0 3px; margin-right:11px; display:inline-block; vertical-align:top; border:1px solid #d9dbdc; text-align:center; } #main .profile .masterpoints li { display:inline-block; } #main .profile .masterpoints li .label { padding:3px 8px 0 11px; display:inline-block; font-family:futura_medium_condensed; font-size:16px; line-height:120%; color:#000; } #main .profile .masterpoints li .points { min-width:30px; height:18px; padding:3px 3px 0 3px; margin:0; display:inline-block; vertical-align:top; border:1px solid #d9dbdc; text-align:center; } #main .profile form { margin:0; padding:0; } #main .profile form p { font-size:12px; line-height:120%; } #main .profile label { width:100%; font-family:futura_medium_condensed; font-size:21px; line-height:120%; font-weight:normal; color:#005895; text-transform:uppercase; } #main .profile select, #main .profile input { top:0; left:0; height:21px; margin-bottom:12px; border:1px solid #d3d4d4; } #main .profile input { width:100%; } #main .profile .cbrgroup { top:0; width:auto; } #main .profile .cbrgroup label { font-family:Helvetica,Arial,Sans-serif; font-size:12px; line-height:120%; color:#000000; text-transform:none; } #main .profile .cbrgroup input { width:auto; height:auto; } #main .profile input.submit { float:right; width:auto; height:auto; margin-left:20px; padding:0; font-family:futura_medium_condensed; font-size:21px; line-height:110%; color:#000000; text-transform:uppercase; cursor:pointer; border:0; background:none; } #main .profile a.logout { float:right; font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#000000; text-transform:uppercase; text-decoration:none; } #main .profile .entries li { padding:17px; } #main .profile .entries .detail { float:left; padding-top:5px; } #main .profile .entries .pay { float:right; width:87px; height:25px; margin:0 0 3px 3px; } #main .profile .entries .pay a, #main .profile .entries .pay span { width:100%; height:23px; padding-top:2px; display:block; font-family:futura_medium_condensed; font-size:18px; line-height:120%; color:#FFFFFF; text-transform:uppercase; text-align:center; text-decoration:none; background:none; background-color:#d72740; } #main .profile .entries .pay span { background-color:#389818; } #main .profile .entries .edit { float:right; width:62px; height:25px; margin-bottom:3px; } #main .profile .entries .edit a { width:100%; height:23px; padding:2px 0 0 0; display:block; font-family:futura_medium_condensed; font-size:18px; line-height:120%; color:#FFFFFF; text-transform:uppercase; text-align:center; text-decoration:none; background:none; background-color:#0a5993; } /* forum */ #main ol.forum_ordered_list, #main .forum_ordered_list li { margin:0; padding:0; list-style:none; } #main .forum_ordered_list li { padding:14px 0 11px 0; border-bottom:1px solid #c8cacc; } #main .forum_ordered_list li:first-child { padding-top:0; } #main .forum_ordered_list li .left, #main .forum_ordered_list li .right { clear:both; float:left; padding-top:7px; } #main .forum_ordered_list li .title { float:left; font-family:futura_medium_condensed; font-size:21px; line-height:120%; text-transform:uppercase; } #main .forum_ordered_list li .posts { margin-right:17px } #main .forum_ordered_list li .date { float:right; margin-right:14px } #main .forum_ordered_list li .author { float:right; } #main .thread .author { color:#58595b; } #main .thread .author span { color:#d72740; } #main .forum input { height:21px; margin-bottom:12px; border:1px solid #d3d4d4; } #main .forum input.submit { float:right; width:auto; height:auto; margin-left:20px; padding:0; font-family:futura_medium_condensed; font-size:21px; line-height:110%; color:#000000; text-transform:uppercase; cursor:pointer; border:0; background:none; } #main .posts .forum_ordered_list li .title { float:none; margin-right:16px; font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#005895; text-transform:uppercase; } #main .posts .forum_ordered_list li .date { float:none; margin:0; color:#58595b; } /* clubs */ #main .clubleft { margin-bottom:40px; } #main .clubleft a.book { margin-right:0; } #main ul.entries, #main .entries li { margin:0; padding:0; list-style:none; } #main ul.entries { clear:both; margin-bottom:12px; } #main .entries li { padding:5px 17px 3px 17px; font-size:12px; line-height:120%; } #main .entries li .detail { float:left; padding-top:5px; } #main .entries li .detail span { font-size:11px; line-height:120%; } #main .entries li .reg { float:right; width:40px; height:25px; margin-bottom:2px; } #main .entries li .paid { float:right; width:40px; height:25px; margin:0 0 2px 2px; } #main .entries li .reg span, #main .entries li .paid span { width:100%; height:23px; padding-top:2px; display:block; font-family:futura_medium_condensed; font-size:18px; line-height:120%; color:#FFFFFF; text-transform:uppercase; text-align:center; background-color:#0a5993; } #main .entries li .paid span { background-color:#389818; } #main .entries li:nth-child(2n) { background-color:#e6e7e8; } /* login / register */ #login_register .login { padding-bottom:20px; } #login_register .login p, #login_register .register p { font-size:14px; line-height:120%; } #login_register .login div, #login_register .register div { width:100%; } #login_register .login label, #login_register .register label { width:100%; } #login_register .login input, #login_register .register input { top:0; left:0; width:100%; height:21px; margin-bottom:12px; border:1px solid #d3d4d4; } #login_register .login div.hint { left:0; top:0; } #login_register .login .cbrgroup { left:0; top:0; } #login_register .login .cbrgroup input { width:auto; height:auto; margin-left:0; border:0; } #login_register .login input.submit, #login_register .register input.submit { left:0; width:auto; height:auto; padding:0; font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#000000; text-transform:uppercase; cursor:pointer; border:0; background:none; } /* footer */ #footer { color:#FFFFFF; background-color:#636466; } #footer .content { position:relative; padding:14px 20px 0 20px; } #footer ul, #footer li { margin:0; padding:0; list-style:none; } #footer li { display:none; } #footer a.top { position:absolute; top:14px; right:20px; padding-right:15px; font-family:futura_medium_condensed; font-size:15px; line-height:120%; color:#FFFFFF; text-transform:uppercase; text-decoration:none; background:right 2px no-repeat url(../images/back-top-bgnd.gif); } #footer li.search { display:block; } #footer .search p { padding-bottom:1px; margin-bottom:9px; font-family:futura_medium_condensed; font-size:15px; line-height:120%; color:#FFFFFF; text-transform:uppercase; border-bottom:1px solid #FFFFFF; } #footer .search form { margin:0; padding:0; } #footer .search form input { width:100%; height:30px; padding:0; margin:0; border:0; } #footer .detail { padding:25px 0; font-size:12px; line-height:150%; text-align:center; } #footer .detail span { display:block; } #footer .detail p { margin:0; } #footer .detail a { color:#FFFFFF; } /* responsive code */ @media screen and ( min-width: 320px){} @media screen and ( min-width: 480px){ /* header */ #header { font-size:21px; line-height:120%; } #header .content { height:82px; padding-top:24px; } #header img.logo { width:234px; height:63px; } #header a.twitterlink, #header a.facebooklink { width:34px; height:34px; margin:20px 5px 0 0; background-image:url(../images/icon-twitter.gif); } #header a.facebooklink { margin-right:0; background-image:url(../images/icon-facebook.gif); } #header .login { margin:24px 20px 0 0; } #main .mpsearch p span { display:inline; } #main .mpsearch form { float:left; } #main .mpsearch input { float:left; width:180px; } #main .mpsearch input.submit { float:left; margin-left:6px; } #main .clubsearch label { float:left; width:46px; margin-top:11px; } #main .clubsearch input, #main .clubsearch select { float:left; width:180px; } #main .clubsearch select { clear:left; margin-left:46px; } #main .clubsearch input.submit { float:left; margin-left:6px; } /* homepage */ #main .homeintro .sponsors { display:block; } #main .homeintro .sponsorsmobile { display:none; } #main .homeintro .sponsors { padding:9px 9px 9px 0; } #main .homeintro .sponsorgallery li img { margin:0 auto; } #main .homeintro .sponsorleft { float:left; width:75%; padding-left:6px; } #main .homeintro .sponsorright { float:right; width:23%; } #main .homeintro ul.sponsorgallery, #main .homeintro ul.sponsorgallery li { margin:0; padding:0; list-style:none; } #main .homeintro ul.pager, #main .homeintro .pager li { margin:0; padding:0; list-style:none; } #main .homeintro .sponsors .bx-prev, #main .homeintro .sponsors .bx-next { width:100%; height:25px; margin:0; background:center center no-repeat; } #main .homeintro .sponsors .bx-prev { top:0; left:0; background-image:url(../images/arrow-up.png); } #main .homeintro .sponsors .bx-next { bottom:0; right:0; background-image:url(../images/arrow-down.png); } /* menupage */ #main .menuleft .gallery { display:block; } #main .menuleft .gallerymobile { display:none; } #main .menuleft .gallery li img { margin:0 auto; } #main .menuleft .menugalleryleft { float:left; width:75%; } #main .menuleft .menugalleryright { float:right; width:24%; } #main .menuleft ul.menugallery, #main .menuleft ul.menugallery li { margin:0; padding:0; list-style:none; } #main .menuleft .gallery .bx-prev, #main .menuleft .gallery .bx-next { width:100%; height:25px; margin:0; background:center center no-repeat; } #main .menuleft .gallery .bx-prev { top:0; left:0; background-image:url(../images/menugallery-arrow-up.png); } #main .menuleft .gallery .bx-next { bottom:0; right:0; background-image:url(../images/menugallery-arrow-down.png); } /* forum */ #main .posts .forum_ordered_list li .left { clear:none; float:left; width:122px; padding-right:20px; } #main .posts .forum_ordered_list li .right { clear:none;float:none; margin-left:142px; } } @media screen and ( min-width: 624px){ #main .mpsearch p { float:left; margin-right:12px; } #main .mpsearch input { margin-top:4px; } #main .mpsearch input.submit { margin-top:3px; } #main .clubsearch label { float:left; width:46px; margin-top:10px; } #main .clubsearch input, #main .clubsearch select { float:left; width:180px; } #main .clubsearch select { clear:none; margin-left:12px; } #main .clubsearch input.submit { float:left; margin-left:6px; } #main .homeintro .left { float:left; width:304px; } #main .homeintro .right { float:right; width:100%; margin-left:-320px; } #main .homeintro .right .box { margin-left:320px; } #main .homeintro .sponsors { display:none; } #main .homeintro .sponsorsmobile { display:block; } #main .homeleft { float:left; width:100%; margin-right:-320px; } #main .homeleft .wrap { margin-right:320px; } #main .homeright { float:right; width:304px; } /* menupage */ #main .menupage li { padding:0 8px; } } @media screen and ( min-width: 768px){ /* header */ #header .content { height:auto; padding:30px 20px 22px 28px; } #header img.logo { width:272px; height:73px; } #header .facebook { float:right; margin-top:27px; display:block; } #header a.facebooklink { margin-right:7px; } /* Tournament Schedule */ #main .tournaments li .left {clear:none; } #main .tournaments li .right { clear:none; float:right; } #main .tournaments li .title { margin-right:16px; } /* forum */ #main .forum_ordered_list li .left {clear:none; } #main .forum_ordered_list li .right { clear:none; float:right; } #main .forum_ordered_list li .title { margin-right:16px; } /* login / register */ #login_register .login { float:left; width:48%; padding:0 2% 0 0; border-right:3px solid #c8cacc; } #login_register .register { float:right; width:48%; } #login_register .login input, #login_register .register input { top:-20px; width:65%; left:35%; } #login_register .login .first input { margin-bottom:0; } #login_register .login div.hint { left:35%; top:-12px; } #login_register .login .cbrgroup { left:35%; top:-20px; } #login_register .login input.submit, #login_register .register input.submit { left:35%; } /* menupage */ #main .menuleft { float:left; width:304px; padding-right:30px; } #main .menuright { overflow:hidden; } #main .menuleft .gallery { display:none; } #main .menuleft .gallerymobile { display:block; } } @media screen and ( min-width: 800px){ /* homepage */ #main .homeintro .sponsors { display:block; } #main .homeintro .sponsorsmobile { display:none; } /* clubs */ /*#main .clubleft { float:left; width:330px; padding-right:20px; margin:0; }*/ #main .clubright { float:right; width:370px; margin-left:20px; } #main .entries li { float:left; width:43%; padding:5px 3% 3px 3%; } #main .entries li:nth-child(2n+1) { clear:left; border-right:2px solid #c8cacc; } #main .entries li:nth-child(2n) { background:none; } #main .entries li:nth-child(4n+3), #main .entries li:nth-child(4n+4) { background-color:#e6e7e8; } #main .profile .entries .detail { max-width:232px; } } @media screen and ( min-width: 960px){ #header, #nav, #main, #footer { width:960px; margin:0 auto; } /* header */ #header .content { width:932px; padding-right:0; } #header .login span { display:inline; } /* nav */ #nav { background-color:#005895; } #nav a.menu { display:none; } #menu { display:block !important; } #nav ul ul { display: none; } #nav ul li:hover > ul, #nav ul li.hover > ul { display:block; } #nav ul { position:relative; text-align:center; background-color:#005895; } #nav ul:after { clear:both; display:block; } #nav ul li { display:inline-block; zoom:1; *display:inline; } #nav ul li:hover { position:relative; z-index:1000; } #nav ul li a { padding:14px 18px 8px 18px; font-size:18px; line-height:120%; border-top:0; border-bottom:8px solid #005895; } #nav ul li.selected a { border-bottom:8px solid #d72740; } #nav ul li:hover a { } #nav ul ul { position:absolute; top:100%; text-align:left; background:#58595b; } #nav ul ul li { float:none; position:relative; width:200px; } #nav ul ul li a { color:#fff; text-transform:none; border:0; border-top:1px solid #acadaf; } #nav li.selected li a, #nav li li.selected a { border-bottom:0; } #nav ul ul li:first-child a { border:0; } #nav ul ul li a:hover { background:#d72740; } #nav ul ul ul { position:absolute; left:100%; top:0; } #nav ul ul li:first-child li a { border-top:1px solid #acadaf; } #nav ul ul ul li:first-child a { border:0; } /* main */ #main .content { padding:14px 8px 0 8px; } #main .crumb { padding:2px 4px 14px 4px; color:#58595b; } #main .crumb a { color:#58595b; } #main .box { margin-bottom:14px; border:1px solid #aeafb0; background-color:#FFFFFF; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; /* box-sizing: border-box;*/ -moz-box-shadow:1px 1px 6px 0 #aeafb0; -webkit-box-shadow:1px 1px 6px 0 #aeafb0; box-shadow:1px 1px 6px 0 #aeafb0; } #main .box .inner { padding:18px 20px 14px 20px; } #main .heading h1 { padding-bottom:10px; border-bottom:2px solid #c8cacc; } /* homepage */ #main .homeintro .left { float:left; width:304px; } #main .homeintro .left img.image { width:100%; height:auto; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; } #main .homeintro .right { float:left; width:624px; padding-left:16px; margin:0; } #main .homeintro .right .box { margin:0; } #main .homeintro .sponsors { height:204px; } #main .homeintro .sponsors img.heading { float:left; } #main .homeintro .sponsorleft { width:330px; padding-left:6px; } #main .homeintro .sponsorright { width:102px; } #main .homeleft { float:left; width:624px; margin-right:0; } #main .homeright { float:right; width:304px; } #main .homeleft .wrap { margin-right:0; } #main .homeleft .masterpoints { padding:12px;} #main .homeleft .masterpoints .inner { position:relative; border:8px solid #e6e7e8; } #main .homeleft .masterpoints .inner img.heading { position:absolute; top:-8px; left:-20px; } #main .homeleft .masterpoints .inner .topleftcnr{ position:absolute; right:-8px; top:-8px; width:16px; height:16px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#e6e7e8; } #main .homeleft .masterpoints .inner .leftcnr{ position:absolute; left:-8px; bottom:-8px; width:16px; height:16px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#e6e7e8; } #main .homeleft .masterpoints .inner .rightcnr { position:absolute; right:-8px; bottom:-8px; width:20px; height:20px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#e6e7e8;} #main .homeleft .masterpoints { padding:12px;} #main .homeleft .masterpoints .inner { position:relative; padding-top:0; border:8px solid #e6e7e8; } #main .homeleft .masterpoints .inner .top { height:84px; padding:15px 0 0 126px; } #main .homeleft .masterpoints .inner .top h4 { float:right; margin:0 0 12px 22px; } #main .homeleft .masterpoints .inner .top a.viewall { float:right; font-weight:bold; } #main .homeleft .masterpoints .inner .top p { float:left; clear:none; clear:right; padding-left:30px; } #main .homeleft .masterpoints .inner .top ul, #main .homeleft .masterpoints .inner .top li { margin:0; padding:0; list-style:none; } #main .homeleft .masterpoints .inner .top ul { float:right; padding-top:4px; } #main .homeleft .masterpoints .inner .top li { display:inline-block; } #main .homeleft .masterpoints .inner .top li .label { padding:3px 8px 0 11px; display:inline-block; font-family:futura_medium_condensed; font-size:16px; line-height:120%; color:#000; } #main .homeleft .masterpoints .inner .top li .points { min-width:30px; height:18px; padding:3px 3px 0 3px; margin:0; display:inline-block; vertical-align:top; border:1px solid #d9dbdc; text-align:center; } #main .homeleft .masterpoints table { display:table; } #main .homeleft .masterpoints tbody { display:table-row-group; } #main .homeleft .masterpoints tr { margin:0; display:table-row; } #main .homeleft .masterpoints th, #main .homeleft .masterpoints td { display:table-cell; } #main .homeleft .masterpoints th { font-family:futura_medium_condensed; font-weight:normal; color:#005895; text-transform:uppercase; text-align:left; } #main .homeleft .masterpoints td { position: relative; padding:2px; } #main .homeleft .masterpoints td:before { display:none; } #main .news .detail { float:left; width:445px; } #main .homeleft .viewmore { padding-top:9px; text-align:right; } #main .homeleft .viewmore h3 { margin:0; } #main .homeright .box { padding:12px 0; } #main .homeright .box .inner { position:relative; padding:87px 0 12px 0; margin:0 12px; border:8px solid #e6e7e8; } #main .homeright .box .inner img.heading { position:absolute; top:-8px; left:-20px; } #main .homeright .box .inner p { margin-bottom:7px; } #main .homeright .box .inner .padding { padding:0 25px; } #main .homeright .box .inner .topleftcnr{ position:absolute; right:-8px; top:-8px; width:16px; height:16px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#e6e7e8; } #main .homeright .box .inner .leftcnr{ position:absolute; left:-8px; bottom:-8px; width:16px; height:16px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#e6e7e8; } #main .homeright .box .inner .rightcnr { position:absolute; right:-8px; bottom:-8px; width:20px; height:20px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#e6e7e8;} #main .homeright form { margin:0; padding:0; } #main .homeright label { float:left; clear:both; width:70px; padding:4px 0 0 6px; font-size:12px; line-height:120%; text-align:center; } #main .homeright input { float:left; width:162px; height:21px; margin:0 0 6px 0; padding:0; border:1px solid #d3d4d4; } #main .homeright a.forgot { float:left; margin:5px 0 0 76px; font-size:11px; line-height:120%; } #main .homeright input.submit { float:right; width:auto; height:auto; margin-right:22px; font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#000000; text-transform:uppercase; cursor:pointer; border:0; background:none; } #main .homeright ul.connect, #main .homeright .connect li { margin:0; padding:0; list-style:none; } #main .homeright ul.connect { padding:2px 0 6px 20px; } #main .homeright .connect li { width:125px; margin-bottom:10px; display:inline-block; zoom:1; *display:inline; } #main .homeright .connect li a { font-family:futura_medium_condensed; font-size:21px; line-height:120%; color:#000000; text-transform:uppercase; text-decoration:none; } #main .homeright .connect li span { display:inline-block; zoom:1; *display:inline; vertical-align:middle; } #main .homeright .connect li span.icon { width:34px; height:34px; margin-right:6px; background:top left no-repeat url(../images/social-icons.gif); } #main .homeright .connect li.email { width:100px; } #main .homeright .connect li.twitter span { background-position:-34px 0; } #main .homeright .connect li.email span { background-position:-68px 0; } /* Master Points Search */ table.mptable { display:table; margin-bottom:20px; } table.mptable tr { margin:0; display:table-row; } table.mptable th, table.mptable td { padding:2px; display:table-cell; } table.mptable th { font-family:futura_medium_condensed; font-size:21px; line-height:120%; font-weight:normal; color:#005895; text-transform:uppercase; text-align:left; } table.mptable th a { margin-right:18px; color:#005895; } table.mptable th.ordered_by a { margin-right:0; padding-right:18px; background:top right no-repeat url(../images/grey-dropdown.gif); } table.mptable td { position:relative; padding:2px; } table.mptable td:before { display:none; } table.points { display:table; margin-bottom:20px; } table.points tr { margin:0; display:table-row; } table.points th, table.points td { padding:2px; display:table-cell; } table.points th { font-family:futura_medium_condensed; font-size:21px; line-height:120%; font-weight:normal; color:#005895; text-transform:uppercase; text-align:left; } table.points td { position: relative; padding:2px; } table.points td:before { display:none; } table.ranks { display:table; margin-bottom:20px; } table.ranks tr { margin:0; display:table-row; } table.ranks th, table.ranks td { padding:2px; display:table-cell; } table.ranks th { font-family:futura_medium_condensed; font-size:21px; line-height:120%; font-weight:normal; color:#005895; text-transform:uppercase; text-align:left; } table.ranks td { position: relative; padding:2px; } table.ranks td:before { display:none; } table.totals { display:table; margin-bottom:20px; } table.totals tr { margin:0; display:table-row; } table.totals th, table.totals td { padding:2px; display:table-cell; } table.totals th { font-family:futura_medium_condensed; font-size:21px; line-height:120%; font-weight:normal; color:#005895; text-transform:uppercase; text-align:left; } table.totals td { position: relative; padding:2px; } table.totals td:before { display:none; } table.clubs { display:table; margin-bottom:20px; } table.clubs tr { margin:0; display:table-row; } table.clubs th, table.clubs td { padding:2px; display:table-cell; } table.clubs th { font-family:futura_medium_condensed; font-size:21px; line-height:120%; font-weight:normal; color:#005895; text-transform:uppercase; text-align:left; } table.clubs td { position: relative; padding:2px; } table.clubs td:before { display:none; } /* profile */ #main .profile .image { float:left; width:260px; margin:0; } #main .profile .total { float:left; width:262px; } #main .profile .masterpoints { float:left; width:378px; margin:0; } #main .profile label { width:260px; } #main .profile select, #main .profile input { float:left; } #main .profile input { width:300px; } /* clubs */ /*#main .clubleft { width:432px; }*/ #main .clubright { width:450px; } #main .clubleft .entries li { width:416px; padding:17px; } /* menupage */ #main .menuleft { width:560px; } #main .menuleft .gallery { display:block; } #main .menuleft .gallerymobile { display:none; } #main .menuleft .menugalleryleft { width:419px; } #main .menuleft .menugalleryright { width:133px; } #main .menupage li { padding:0 0 0 16px; } #main .menupage li:nth-child(3n+1) { padding-left:0; } /* footer */ #footer .content { padding:0; } #footer .menu { padding:23px 0 20px 0; } #footer li { width:160px; padding-left:28px; display:inline-block; zoom:1; *display:inline; vertical-align:top; } #footer li.search { display:inline-block; zoom:1; *display:inline; } #footer li.contact { display:none; } #footer li a { width:100%; padding-bottom:9px; margin-bottom:5px; display:block; font-family:futura_medium_condensed; font-size:14px; line-height:120%; color:#FFFFFF; text-decoration:none; text-transform:uppercase; border-bottom:1px solid #FFFFFF; } #footer ul ul { margin-bottom:15px; } #footer li li { width:auto; padding:3px 0 2px 0; display:block; } #footer li li a { padding:0; margin:0; font-family:Helvetica,Arial,Sans-serif; font-size:11px; line-height:120%; text-transform:none; border:0; } #footer a.top { display:none; } #footer .search { width:160px; } #footer .search p { padding-bottom:9px; margin-bottom:15px; font-size:14px; line-height:120%; } #footer .search form input { height:22px; } #footer .detail { padding:20px 0; font-size:10px; line-height:120%; border-top:1px solid #FFFFFF; } #footer .detail span { display:inline; } #footer .detail p { margin-bottom:8px; } } /* Styles for the public site are entered here */ #body { margin:0; padding:0; } #header_wrapper { display:block; background-color: #eee; border-top:1px solid #bbb; border-bottom:1px solid #bbb; } #header_wrapper .left { float:left; width:70%; } #header_wrapper .left div { display:inline-block; vertical-align:top; } #header_wrapper .left div h2 { padding:1em; } #header_wrapper .right { float:right; width:29%; } #header_wrapper .right div { display:inline-block; vertical-align:top; } #header_wrapper .right div#currency_wrapper { display:block; } #header_wrapper .right div#basket_wrapper { display:block; } #nav_wrapper { clear:both; border-bottom:1px solid #4B545F; background-color: #D7E1EA; } #crumb_wrapper { clear:both; padding:0.5em; margin:0.2em; font-weight:bold; } #content_wrapper { clear:both; padding:0; margin:1em; } #footer_wrapper { clear:both; padding:0; margin:5em 0.2em 0.2em 0.2em; text-align: center; font-size:75%; } /*#login_register .login { float:left; width:49%; } #login_register .register { float:left; width:49%; }*/ /* * Some handy common styles */ .html a { } .html a:hover { } .html img[align=right] { clear:right; margin:0 0 2px 10px; } .html img[align=left] { clear:left; margin:0 10px 2px 0; } .clear { clear:both; } /* Calendar */ .calendar-day-short { display:none; } .calendar-day-abbr { } .calendar-day-full { display:none; } /* Standard Form Layout */ .form_standard fieldset { display: block; border: none; margin:0; padding: 0; } /* Radio button groups */ .form_standard fieldset fieldset { clear: left; } .form_standard fieldset.radio { margin-bottom: 1em; } .form_standard fieldset.radio legend { font-weight:bold; } .form_standard fieldset.radio div.cbrgroup { position: relative; top: -1.6em; left: 11em; display: block; margin:0; padding:0 0 1em 0; font-weight:normal; width:30em; } .form_standard fieldset.radio div.cbrgroup input { position: static; clear: none; width:auto; float: left; } .form_standard fieldset.radio div.cbrgroup label { float:left; clear:none; position:relative; top: 0.5em; display: inline; margin:0; font-weight: normal; } .form_standard fieldset.radio div.cbrgroup span { position: relative; top: 0.3em; } .form_standard fieldset.radio div.cbrgroup span span { position: normal; top: 0; } /* List items */ .form_standard fieldset ul { position:relative; top: -1.6em; left: 11em; width:18em; list-style:none; } .form_standard fieldset li { text-align: left; margin:0; padding:0.1em;} /* Labels */ .form_standard fieldset legend { color:black; font-weight: normal; padding:0 0 0.6em 0; margin: 5px 0 0 0; } .form_standard fieldset legend + * { -webkit-margin-top-collapse: separate; margin-top: 2em; } /* fix for chrome */ .form_standard fieldset legend.bold { font-weight: bold; } .form_standard label { clear: both; float: left; display: block; width: 11em; /*margin-top:-0.8em;*/ font-weight:bold; } .form_standard legend + label { margin-top: 0.6em; } .form_standard label.no_input { position: relative; top: -1.6em; left: 11em; display: block; margin:0; padding:3px 0 3px 0; font-weight:normal; width: 18em;} .form_standard div.hint, .form_standard div.error_text { position: relative; top:-1em; left:11em; font-weight:normal; margin-bottom:1em; } /* Normal inputs */ .form_standard input { position: relative; top: -1.6em; left: 11em; width:15em; display: block; } .form_standard textarea { position: relative; top: -1.6em; left: 11em; display: block; width:15em;height:100px;} .form_standard span.text { position: relative; top: -1.1em; left: 11em; display: block; width: 15em; } .form_standard input.submit { clear: both; top: 0; left:11em; width:auto; cursor:pointer;} .form_standard input.left { left: 1em; } .form_standard select { position: relative; top: -1.6em; left: 11em; display: block; } .form_standard div.cbrgroup { position: relative; top: -1.6em; left: 11em; display: block; width:25em; } .form_standard div.cbrgroup label { float:left; clear:none; font-weight:normal; width:12em; margin:0.5em 0 0.5em 0; } .form_standard div.cbrgroup input { position: static; width:auto; float: left; margin:0 0.5em 0 0.5em; } .form_standard div.cbrgroup select { position: static; width:auto; float: left; margin:0 0.5em 0 0.5em; } .form_standard div.nolabel { left:0; width:36em; } /* Smarty Date inputs - used in additional fields */ .form_standard div { clear:both; width:250px; } .form_standard div select.month { display:inline; margin-right: 4px; } .form_standard div select.day { display:inline; margin-right: 4px; } .form_standard div select.year { display:inline; } .form_standard div.date_range { width: 300px; } .form_standard div.date_range div { float:left;clear:both; margin-left: 5px; font-weight:normal; } /* Delete Checkbox */ .form_standard div.delete_checkbox{ padding:4px; } .form_standard div.delete_checkbox label {position: relative; top: -2.3em; left: 11em; display: block;font-weight:normal;} /* User Image Upload */ .form_standard div.user_image_upload { float:left; margin:0 8px 8px 0; border:1px solid #EBDAC7; padding:10px; width:130px; height:180px; background-color:#FFFFFF } .form_standard div.user_image_upload:hover, .form_standard div.user_image_upload.selected { border:2px solid #FFCC00; padding:9px; background-color:#FFFFCC } .fieldset_checkbox_scroll { width:350px;height:250px;overflow:auto; } .error_text { border:1px solid red; background-color:pink; color:red; padding:0.5em; } .form_inline { margin-bottom:20px; } .form_inline label { clear:left; float:left; } .form_inline strong, strong.form_inline, label.form_inline { clear:left; float:left; display:block; width:120px; } /* Randoms */ .signup_text_label { float:left; clear:left; display:block; width:120px; font-weight:bold; } div.album_picker form{float:right;margin-top:10px;} div.album_picker h1{float:left;} div.alert {padding:10px;background:#f4eedf;border:1px solid #ead6af;} /*where is this? */ li.alert, p.alert {font-style:italic;font-weight:bold;} form p{font-size:10px;} .checklabel{ float:left; width:110px;} .mce-popup { cursor:pointer; } .cbr_group { position: relative; top: -1.6em; left: 11em; width:15em; display: block; } .cbr_group img {vertical-align:middle;} .cbr_group input{ position:static; clear:both; float: left; width:auto; margin-left:0; } .cbr_group label{ position:inline; display:block; font-weight:normal; margin-left:1.6em; margin-top:-1.4em;} .mix_cat_tree { margin: 0 0 0 1em; padding: 0; } .mix_cat_tree ul { margin: 0; padding: 0; padding-left: 20px; background: url(../admin/images/shop_tree_menu.gif) no-repeat left top; } .mix_cat_tree li { list-style: none; margin: 0; padding: 0; } .mix_cat_tree span { position: relative; top: -0.3em; } .form_standard ul.mix_cat_tree { position: relative; left: 11em; margin:-1.6em; padding:0; } .form_standard ul.mix_cat_tree input { position: static; width:auto; float: left; margin:-0.1em 0.25em 0.5em 1.6em; padding:0; } .form_standard ul.mix_cat_tree label { position:relative; display:inline; font-weight:normal; width:auto; padding:0; margin:0; top:0.25em;} #nzcba_chk_error{ color: #a94442; background-color: #f2dede; border-color: #a94442; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; padding:20px } table.usersum th span {font-size:14px; color:black; font-family:Helvetica,Arial,Sans-serif; } table.nzbtable th {white-space:nowrap; font-family:futura_medium_condensed; font-size:20px; font-weight:normal; color:#005895; text-transform:uppercase; } table.nzbtable td {font-size:12px; color:black; font-family:Helvetica,Arial,Sans-serif; } .nw_text{white-space: nowrap;} .fntStd{ color:#000; font-family: Tahoma,Arial,Helvetica,Sans-serif; font-size:14px; text-transform: none; }