/************************************************* * main.css * Copyright 2010 Fritid oy * Project: Finnish Open * Author: Pet Terry ***************************************************/ * { border: 0; margin: 0; padding: 0; } body { font: 11px Arial, Helvetica, sans-serif; color: #3e3e3e; background-color: #4f4f71; } p { line-height: 1.5em; margin-bottom: 1.5em; } h3 { font-size: 18px; margin-bottom: 0.5em; font-weight: normal; } h4 { font-size: 15px; margin-bottom: 0.5em; } h5 { font-size: 12px; margin-bottom: 0.25em;} ul { list-style: none; } table, tr, th, td { border-collapse: collapse; text-align: left; } option, select, input, textarea, button { font: inherit; } a:link, a:visited { text-decoration: none; } /******* COMMON CLASSES ********************/ .bold { font-weight: bold; } .center { text-align: center; margin: 0 auto; } .hide { display: none; } .small { font-size: 80%; } .clear { clear: both; margin: 0; padding: 0; height: 0; width: 0; } .padded { padding: 0.5em 1em; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* for IE/Mac */ /********** FORM STYLES *******************/ .forms fieldset { margin-bottom: 1em; } .forms input, .forms select, .forms textarea, .forms label { display: block; margin: 0 1em 0.75em 0; } .forms input.ip-text { width: 280px; } .forms fieldset input, .forms fieldset textarea, .forms fieldset select { padding: 0.25em; border: 1px solid; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .forms fieldset select option { margin-left: 1em; border: 0; padding-bottom: .25em; } .forms input.inline { display: inline; } .forms fieldset div { margin-bottom: 2em; } .button::-moz-focus-inner, #container h3::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */ } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ .button span { margin-top: -1px; } } .button { position: relative; cursor: pointer; cursor: hand; overflow: visible; color: #3e3e3e; padding: 0 10px 0 0; margin: 5px 5px 0 0; text-align: center; background: transparent url('images/button_bg_2.png') no-repeat; display: block; float: left; font-weight: bold; font-size: 11px; height: 18px; width: 130px; } .button:hover, .buttonHover { background-position: 0 -40px; } /******** WRAPPER ***********/ #wrapper { width: 900px; margin: 0px auto; position: relative; background-color: #fff; overflow: hidden; border-top: 10px solid #fff;} /********* CONTAINER ***********/ #container { width: 900px; position: relative; } /******** PAGE TOP ***********/ #top { position: relative; height: 150px; width: 900px; } #top li { display: inline; } #top #logo { margin: 0 0 10px 10px; width: 200px; height: 96px; background: url('images/logo.png') no-repeat; } #top #logo a#home-link { float: left; width: 200px; height: 96px; display: block; z-index: 1000 !important} #top #logo a#home-link span { visibility: hidden; } #top-banner { position: absolute; top: 10px; left: 280px; } #navigation-top { display: block; background-color: #25266b; height: 38px; border-top: 3px solid #4f4f71; border-bottom: 3px solid #4f4f71;} #top-ddm { float: right; margin: 0; padding: 1px 0 0 0; z-index: 80; } #top-ddm li { float: left; font-size: 12px; font-weight: bold; } #top-ddm li a { text-transform: uppercase; display: block; padding: 6px 6px 9px; color: #fff; white-space: nowrap; margin-right: 12px; border: 3px solid #25266b; } #top-ddm li ul { border: 3px #25266b solid; margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 1000; background-color: #25266b; /*width: 150px;*/ border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; } #top-ddm li ul li { float: none; display: inline; } #top-ddm li ul li a { text-transform: none; font-size: 90%; width: auto; margin: 0; display: block; padding-bottom: 1.25em; } #top-ddm a:hover { background-color: #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #25266b; border: 3px solid #4f4f71; } #top-ddm a.active { color: #fff; background: #ed7501; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-bottom: 6px; border: 3px solid #4f4f71; margin-top: -10px; } #top-ddm ul a:hover { color: #ed7501; background: transparent; border: 3px 0 0 0; border-color: #25266b; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #top-ddm a.inactive, #top-ddm a.inactive:hover { color: #4f4f71; background: transparent; cursor: default; border: 0;} #subheader { position: absolute; right: 10px; top: 5px; } #subheader ul li { display: block; margin: 0; padding: 0; font-size: 18px; font-weight: bold; color: #25266b; font-family: Trebuchet MS, sans-serif; text-align: right; } #language-change { position: absolute; right: 10px; bottom: 55px; } #language-change a:link, #language-change a:visited{ color: #ed7501; font-weight: bold; } /*************** SIDE BAR *********************/ #sidebar { float: left; width: 180px; padding: 10px; overflow: hidden; } #sidebar div { text-align: center; } #sidebar div img { width: 140px; } #sidebar #pdga-logo { margin-bottom: 20px; } #sidebar .sponsor { margin: 15px 0 0 0;} #sidebar .sponsor img { width: 140px; } #sidebar .sponsor a {margin: 0 auto; display: block; width: 140px; } /************ MAIN CONTENT *********************/ #main-content { border-left: 1px solid #25266b; width: 659px; padding: 40px 10px 20px 20px; float: left; background-color: #fff; min-height:400px; height:auto !important; height:400px; margin-bottom: 20px; position: relative; top: 1px; } #main-content a:link, #main-content a:visited { color: #ed7501; } #main-content a:hover, #main-content a:active { color: #ed7501; } #main-content h3 { margin-bottom: 1.5em; padding-left: 30px;} #main-content .col_view { float: left; overflow: hidden; } .content { width: 620px; margin-left: 30px; } .content p { width: 90%; } .content ul { margin-bottom: 1.5em; overflow: hidden; } .content ol { margin: 0 0 1em 2em; } .content li { margin-bottom: 0.5em; } .content ul .time_s { width: 30px; margin-right: 1em; } .content ul .time_l { width: 60px; margin-right: 1em; } /************ HOME PAGE *********************/ #registration-link { margin: 1em; float: left; } #mp_btm_images { clear: both; margin-top: 20px; } #mp_btm_images div.image img { float: left; width: 200px; margin-right: 10px; height: 120px; border: 1px solid; } #home .left { width: 270px; } #home .right { width: 310px; padding-left: 10px; } #home .right img.mp_img { margin: 0 0 2em 1em; border: 1px solid #25266b; float: right; } /************NEWS ************************/ #rss { position: absolute; top: 20px; left: 180px; } .news_item { margin-bottom: 1em; display: block; overflow: hidden; } .news_date { float: left; width: 100px; } .news_header { float: left; width: 400px; font-weight: bold; } .news_text { float: left; margin: 1em 0 0 100px; width: 400px; } /********* REGISTRATION ********************/ #division-table { margin: 1em 0; } #division-table th { padding: 0 .5em 0 0; } #division-table td { padding: .2em .5em; } #reserved-spots ul li span { display: block; font-size: 90%; } /******** PLAYERS *************************/ #player-list { margin-top: 2em; } #players .col_view { width: 200px; } #players .players_tbl { width: 85%; white-space: nowrap;} #players .players_tbl th { padding: 0.25em 0.3em 0.25em 0.5em; background-color: #25266B; color: #fff; } #players .players_tbl td { padding: 0.5em 0.3em 0.25em 0.5em; } .players_tbl tr {height: 24px; } .players_tbl td.player_name { padding: 0 1em; } #players .players_tbl td.count { padding: 0 1em; } span.exc { color: red; font-weight: bold; margin: 0 .25em; } .sprite { width: 32px; height: 22px; background: url('images/flags_sprite_whitebg.png') no-repeat -156px -1760px; padding: 0 0 22px 32px; margin: 0; } .sprite-afghanistan { background-position: 0 0; } .sprite-albania { background-position: 0 -40px; } .sprite-algeria { background-position: 0 -80px; } .sprite-andorra { background-position: 0 -120px; } .sprite-angola { background-position: 0 -160px; } .sprite-antiguabarbuda { background-position: 0 -200px; } .sprite-argentina { background-position: 0 -240px; } .sprite-armenia { background-position: 0 -280px; } .sprite-australia { background-position: 0 -320px; } .sprite-austria { background-position: 0 -360px; } .sprite-azerbaijan { background-position: 0 -400px; } .sprite-bahamas { background-position: 0 -440px; } .sprite-bahrain { background-position: 0 -480px; } .sprite-bangladesh { background-position: 0 -520px; } .sprite-barbados { background-position: 0 -560px; } .sprite-belarus { background-position: 0 -600px; } .sprite-belgium { background-position: 0 -640px; } .sprite-belize { background-position: 0 -680px; } .sprite-benin { background-position: 0 -720px; } .sprite-bhutan { background-position: 0 -760px; } .sprite-bolivia { background-position: 0 -800px; } .sprite-bosnia_herzegovina { background-position: 0 -840px; } .sprite-botswana { background-position: 0 -880px; } .sprite-brazil { background-position: 0 -920px; } .sprite-brunei { background-position: 0 -960px; } .sprite-bulgaria { background-position: 0 -1000px; } .sprite-burkinafaso { background-position: 0 -1040px; } .sprite-burma { background-position: 0 -1080px; } .sprite-burundi { background-position: 0 -1120px; } .sprite-cambodia { background-position: 0 -1160px; } .sprite-cameroon { background-position: 0 -1200px; } .sprite-canada { background-position: 0 -1240px; } .sprite-centralafricanrep { background-position: 0 -1280px; } .sprite-chad { background-position: 0 -1320px; } .sprite-chile { background-position: 0 -1360px; } .sprite-china { background-position: 0 -1400px; } .sprite-colombia { background-position: 0 -1440px; } .sprite-comoros { background-position: 0 -1480px; } .sprite-congo { background-position: 0 -1520px; } .sprite-costarica { background-position: 0 -1560px; } .sprite-croatia { background-position: 0 -1600px; } .sprite-cuba { background-position: 0 -1640px; } .sprite-cyprus { background-position: 0 -1680px; } .sprite-czechrepublic { background-position: 0 -1720px; } .sprite-demrepcongo { background-position: 0 -1760px; } .sprite-denmark { background-position: 0 -1800px; } .sprite-djibouti { background-position: 0 -1840px; } .sprite-dominica { background-position: 0 -1880px; } .sprite-dominicanrep { background-position: 0 -1920px; } .sprite-ecuador { background-position: 0 -1960px; } .sprite-egypt { background-position: -52px 0; } .sprite-elsalvador { background-position: -52px -40px; } .sprite-eq_guinea { background-position: -52px -80px; } .sprite-eritrea { background-position: -52px -120px; } .sprite-estonia { background-position: -52px -160px; } .sprite-ethiopia { background-position: -52px -200px; } .sprite-fiji { background-position: -52px -240px; } .sprite-finland { background-position: -52px -280px; } .sprite-france { background-position: -52px -320px; } .sprite-gabon { background-position: -52px -360px; } .sprite-gambia { background-position: -52px -400px; } .sprite-georgia { background-position: -52px -440px; } .sprite-germany { background-position: -52px -480px; } .sprite-ghana { background-position: -52px -520px; } .sprite-greece { background-position: -52px -560px; } .sprite-grenada { background-position: -52px -600px; } .sprite-grenadines { background-position: -52px -640px; } .sprite-guatemala { background-position: -52px -680px; } .sprite-guinea { background-position: -52px -720px; } .sprite-guineabissau { background-position: -52px -760px; } .sprite-guyana { background-position: -52px -800px; } .sprite-haiti { background-position: -52px -840px; } .sprite-honduras { background-position: -52px -880px; } .sprite-hong_kong { background-position: -52px -920px; } .sprite-hungary { background-position: -52px -960px; } .sprite-iceland { background-position: -52px -1000px; } .sprite-india { background-position: -52px -1040px; } .sprite-indonesia { background-position: -52px -1080px; } .sprite-iran { background-position: -52px -1120px; } .sprite-iraq { background-position: -52px -1160px; } .sprite-ireland { background-position: -52px -1200px; } .sprite-israel { background-position: -52px -1240px; } .sprite-italy { background-position: -52px -1280px; } .sprite-ivorycoast { background-position: -52px -1320px; } .sprite-jamaica { background-position: -52px -1360px; } .sprite-japan { background-position: -52px -1400px; } .sprite-jordan { background-position: -52px -1440px; } .sprite-kazakhstan { background-position: -52px -1480px; } .sprite-kenya { background-position: -52px -1520px; } .sprite-kiribati { background-position: -52px -1560px; } .sprite-kuwait { background-position: -52px -1600px; } .sprite-kyrgyzstan { background-position: -52px -1640px; } .sprite-laos { background-position: -52px -1680px; } .sprite-latvia { background-position: -52px -1720px; } .sprite-lebanon { background-position: -52px -1760px; } .sprite-liberia { background-position: -52px -1800px; } .sprite-libya { background-position: -52px -1840px; } .sprite-liechtenstein { background-position: -52px -1880px; } .sprite-lithuania { background-position: -52px -1920px; } .sprite-luxembourg { background-position: -52px -1960px; } .sprite-macau { background-position: -104px 0; } .sprite-macedonia { background-position: -104px -40px; } .sprite-madagascar { background-position: -104px -80px; } .sprite-malawi { background-position: -104px -120px; } .sprite-malaysia { background-position: -104px -160px; } .sprite-maldives { background-position: -104px -200px; } .sprite-mali { background-position: -104px -240px; } .sprite-malta { background-position: -104px -280px; } .sprite-mauritania { background-position: -104px -320px; } .sprite-mauritius { background-position: -104px -360px; } .sprite-mexico { background-position: -104px -400px; } .sprite-micronesia { background-position: -104px -440px; } .sprite-moldova { background-position: -104px -480px; } .sprite-monaco { background-position: -104px -520px; } .sprite-mongolia { background-position: -104px -560px; } .sprite-morocco { background-position: -104px -600px; } .sprite-mozambique { background-position: -104px -640px; } .sprite-namibia { background-position: -104px -680px; } .sprite-nauru { background-position: -104px -720px; } .sprite-nepal { background-position: -104px -760px; } .sprite-neth_antilles { background-position: -104px -800px; } .sprite-netherlands { background-position: -104px -840px; } .sprite-newzealand { background-position: -104px -880px; } .sprite-nicaragua { background-position: -104px -920px; } .sprite-niger { background-position: -104px -960px; } .sprite-nigeria { background-position: -104px -1000px; } .sprite-north_korea { background-position: -104px -1040px; } .sprite-norway { background-position: -104px -1080px; } .sprite-oman { background-position: -104px -1120px; } .sprite-pakistan { background-position: -104px -1160px; } .sprite-panama { background-position: -104px -1200px; } .sprite-papuanewguinea { background-position: -104px -1240px; } .sprite-paraguay { background-position: -104px -1280px; } .sprite-peru { background-position: -104px -1320px; } .sprite-philippines { background-position: -104px -1360px; } .sprite-poland { background-position: -104px -1400px; } .sprite-portugal { background-position: -104px -1440px; } .sprite-puertorico { background-position: -104px -1480px; } .sprite-qatar { background-position: -104px -1520px; } .sprite-question { background-position: -104px -1560px; } .sprite-rawanda { background-position: -104px -1600px; } .sprite-romania { background-position: -104px -1640px; } .sprite-russia { background-position: -104px -1680px; } .sprite-sao_tome { background-position: -104px -1720px; } .sprite-saudiarabia { background-position: -104px -1760px; } .sprite-senegal { background-position: -104px -1800px; } .sprite-serbia { background-position: -104px -1840px; } .sprite-seychelles { background-position: -104px -1880px; } .sprite-sierraleone { background-position: -104px -1920px; } .sprite-singapore { background-position: -104px -1960px; } .sprite-slovakia { background-position: -156px 0; } .sprite-slovenia { background-position: -156px -40px; } .sprite-solomon_islands { background-position: -156px -80px; } .sprite-somalia { background-position: -156px -120px; } .sprite-south_korea { background-position: -156px -160px; } .sprite-southafrica { background-position: -156px -200px; } .sprite-spain { background-position: -156px -240px; } .sprite-srilanka { background-position: -156px -280px; } .sprite-stkitts_nevis { background-position: -156px -320px; } .sprite-stlucia { background-position: -156px -360px; } .sprite-sudan { background-position: -156px -400px; } .sprite-suriname { background-position: -156px -440px; } .sprite-sweden { background-position: -156px -480px; } .sprite-switzerland { background-position: -156px -520px; } .sprite-syria { background-position: -156px -560px; } .sprite-taiwan { background-position: -156px -600px; } .sprite-tajikistan { background-position: -156px -640px; } .sprite-tanzania { background-position: -156px -680px; } .sprite-thailand { background-position: -156px -720px; } .sprite-togo { background-position: -156px -760px; } .sprite-tonga { background-position: -156px -800px; } .sprite-trinidadandtobago { background-position: -156px -840px; } .sprite-tunisia { background-position: -156px -880px; } .sprite-turkey { background-position: -156px -920px; } .sprite-turkmenistan { background-position: -156px -960px; } .sprite-tuvala { background-position: -156px -1000px; } .sprite-uae { background-position: -156px -1040px; } .sprite-uganda { background-position: -156px -1080px; } .sprite-uk { background-position: -156px -1120px; } .sprite-ukraine { background-position: -156px -1160px; } .sprite-ukusa { background-position: -156px -1200px; } .sprite-uruguay { background-position: -156px -1240px; } .sprite-usa { background-position: -156px -1280px; } .sprite-ussr { background-position: -156px -1320px; } .sprite-uzbekistan { background-position: -156px -1360px; } .sprite-vanuatu { background-position: -156px -1400px; } .sprite-venezuela { background-position: -156px -1440px; } .sprite-vietnam { background-position: -156px -1480px; } .sprite-western_samoa { background-position: -156px -1520px; } .sprite-yemen { background-position: -156px -1560px; } .sprite-yugoslavia { background-position: -156px -1600px; } .sprite-zaire { background-position: -156px -1640px; } .sprite-zambia { background-position: -156px -1680px; } .sprite-zimbabwe { background-position: -156px -1720px; } /********** ACCOMODATION ****************/ #accomodation .left { width: 400px; } #accomodation .right { width: 182px; border-left: 1px solid #25266b; padding-left: 10px; } #accomodation .right img.mp_img { margin-bottom: 1em; border: 1px solid #25266b} #accomodation .right > p { font-size: 90%; letter-spacing: .01em; } /********** PARTNERS *******************/ #partners .sponsor { float: left; } #partners #sponsor-1 { display: block; clear: both; margin: -30px 0 20px;} #partners #sponsor-1 .sponsor { width: 280px; height: 130px; vertical-align: middle; margin-top: 20px;} #partners #sponsor-1 .sponsor img { width: 245px; } #partners #sponsor-2 { display: block; clear: both; vertical-align: middle; border-top:1px solid #25266B;} #partners #sponsor-2 .sponsor { width: 180px; height: 110px; vertical-align: middle; margin-top: 20px; } #partners #sponsor-2 .sponsor img { width: 140px; } #partners #sponsor-3 { display: block; clear: both; vertical-align: middle; border-top:1px solid #25266B;} #partners #sponsor-3 .sponsor { width: 120px; height: 70px; vertical-align: middle; margin-top: 15px; } #partners #sponsor-3 .sponsor img { width: 90px; } /********* MEDIA ***************/ .media_image { margin: 1em 0; } .media_image div { display: block; } .media_image img { width: 275px; } /*********** RESULTS **************/ #results .submenu ul li {float: left; display: inline; margin-right: 2em; } .result_div { margin-bottom: 2em; } /********* FOOTER ***************/ #footer { width: 900px; background-color: #fff; border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px;text-align: center; clear: both; margin: 0 auto 1em auto; padding: 2em 0; overflow: auto; } #footer p { display: block; padding-top: 15px; font-size: 9px; clear: both; } 0