/* ----------- General Elements -------- */ .easyLeagues {font: 12px/1.32 Verdana; margin: 0 -10px;} .easyLeagues p {margin-left: 5%; width: 90%;} .easyLeagues p.tallTopMargin {margin-top: 20px;} .easyLeagues h4 {font-weight: bold; font-size: 13px;} .easyLeagues hr {width: 75%; border: 0px solid #303030; height: 1px; background: #303030;} .easyLeagues a {display: inline-block; text-decoration: none; border-bottom: 1px solid #00f;} /* .easyLeagues a:link {color: #000080;} */ .easyLeagues a:visited {color: #04f;} .easyLeagues a:hover {border-bottom: 1px solid #66f;} /* color: #cef; */ .easyLeagues a:focus {color: #cef;} .easyLeagues table {margin: auto; border-collapse: collapse; outline: 1px solid #408080;} .easyLeagues a.button {color: #000000; font-size: 13px; margin: 0px 3px; padding: 3px 8px 3px 8px; border: solid 1px #a0a0a0; background: #d0d0d0;} .easyLeagues .tabTbl td a.button {font-size: 12px; height: 16px; margin: -3px 3px; padding: 0 7px 2px 7px;} /* mini-button in a tabTbl */ .easyLeagues a.miniButton {font-size: 8pt; width: 40px; padding: 1px 3px; border: solid 1px #a0a0a0; background: #d0d0d0; text-decoration: none; color: #000000;} .easyLeagues > div {margin-top: 10px;} /* width, margin, etc */ .easyLeagues .bottomText hr {width: 100%; border: 0px solid #303030; height: 1px; background: #888;} .easyLeagues .bottomText {color: #888; margin: auto; width: 400px; margin-bottom: 10px; font: normal 11px "Courier New", Courier, Monospace;} /* ----------- Special Selectors -------- */ .easyLeagues .alert {font-weight: bold; color: #ff0000;} .easyLeagues .warning {font-weight: bold; color: #006000;} .easyLeagues .notice {font-weight: bold; color: #000060;} .easyLeagues .smallText {font-size: 8pt;} .easyLeagues .parTitle {font-size: 12px; font-weight: bold; margin-top: 15px;} .easyLeagues .nw {white-space: nowrap;} /* no wrap */ .easyLeagues p.buttonContainer {width: 60%; padding: 15px 10%;} /* button paragraph */ /* ----------- General Table Layout -------- */ /* -- datTbl -- */ /* data table */ .easyLeagues .datTbl {font-family: inherit; margin: 10px auto 20px auto; outline: 0px solid #000000;} .easyLeagues .datTbl {width: 100px;} .easyLeagues .datTbl thead.title th:first-child span /* titleText */ {font-weight: bold; font-size: 13px; display: inline-block; margin-top: 10px; margin-bottom: 5px; padding: 3px 25px 3px 15px; border-bottom: 1px solid #774;} .easyLeagues .datTbl .headerRow th {font-weight: bold; font-size: 8.5pt; vertical-align: bottom;} .easyLeagues .datTbl .headerRow th.wid {padding-left: 0px;} .easyLeagues .datTbl th {text-align: center;} .easyLeagues .datTbl td {vertical-align: top; padding-bottom: 5px;} .easyLeagues .datTbl th:first-child {text-align: center;} .easyLeagues .datTbl .subTitleRow td:first-child {font-weight: bold; text-align: left;} /* sub-title cell */ .easyLeagues .datTbl select, .easyLeagues .datTbl textarea {border: solid 1px #a0a0a0; padding: 0px; margin-top: -2px;} .easyLeagues .datTbl textarea {padding: 3px;} .easyLeagues .datTbl input[type="radio"], .easyLeagues .datTbl input[type="checkbox"] {margin-top: -2px; margin-left: 3px;} .easyLeagues .datTbl input[type="text"], .easyLeagues .datTbl input[type="password"] {border: solid 1px #a0a0a0; height: 16px; margin-top: -2px;} .easyLeagues .datTbl .spcr td {padding: 0px;} .easyLeagues .datTbl .spcr hr {margin: 0px; padding: 0px; border: 0px; height: 1px; background: #774;} .easyLeagues .datTbl .spcr hr.dbg {background: #000000;} .easyLeagues .datTbl .spcr hr.colf {width: 100%;} .easyLeagues .datTbl th.pla, .easyLeagues .datTbl td.pla /* dump? */ {text-align: left; padding-left: 10px;} /* padded left-align */ .easyLeagues .datTbl .ar1 {text-align: right;} .easyLeagues .datTbl .ar2 {text-align: right; padding-right: 5px;} .easyLeagues .datTbl .ac1 {text-align: center;} .easyLeagues .datTbl .dataSmall {color: #000000; font-size: 8.5pt;} .easyLeagues .datTbl .reqdVal {color: #ff4040; font-size: 8.5pt;} /* -- colTbl -- */ /* columnar table - single record, fields in a single column */ .easyLeagues .colTbl .spcr {border-top: 1px solid #774;} .easyLeagues .colTbl tr.ol1 td {border-top: 1px solid #663;} /* over-line #1 */ .easyLeagues .colTbl tr.ol2 td {border-top: 1px solid #441;} /* over-line #2 */ .easyLeagues .colTbl td {font-size: 8pt; padding: 3px 2px 2px 2px;} .easyLeagues .colTbl tr.ol1 td.xo, .easyLeagues .colTbl tr.ol2 td.xo {border-top: 0px solid #000000;} /* NO over-line */ .easyLeagues .colTbl td.row2HL1 {background-color: #e99; padding-top: 1px;} .easyLeagues .colTbl td.row2HL2 {color: #800000; padding-top: 1px;} .easyLeagues .colTbl .label {font-weight: bold;} .easyLeagues .colTbl tbody tr:first-child td {border-top: 0px solid #ffffff;} /* top row */ .easyLeagues .colTbl tfoot.butRow tr:first-child td {text-align: left; padding: 15px 15%;} /* buttons in footer */ /* -- tabTbl -- */ /* tabular table - multiple rows of data, fields in multiple columns */ .easyLeagues .tabTbl th:first-child {padding-left: 10%;} .easyLeagues .tabTbl tbody td {padding: 3px;} .easyLeagues .tabTbl tbody tr td:first-child {font-weight: bold; text-align: right;} /* label cell in a tabTbl */ .easyLeagues .tabTbl tbody.noLabel tr td {font-weight: normal; text-align: left;} /* a tbody has normal cells */ .easyLeagues .tabTbl tfoot tr:first-child td {text-align: left; padding: 15px 15%;} /* buttons in footer */ .easyLeagues .tabTbl tfoot .spcr {border-top: 1px solid #774;} /* ----------- Navigation Menu Layout -------- */ .easyLeagues .navDiv {padding: 10px; background-color: #611;} .easyLeagues .navDiv table {font-size: 12px; width: 100%; padding-bottom: 8px; margin: 0; background-color: #855; outline: 1px solid #aaa;} .easyLeagues .navDiv td {border: 0px solid #a0a0a0; padding: 0px;} .easyLeagues .navDiv td > * {vertical-align: middle;} .easyLeagues .navDiv .navRow2 td:first-child {padding-left: 40px;} .easyLeagues .menuTitle {font-weight: normal; color: #fff; margin: 0 5px; padding-top: 2px;} .easyLeagues .navDiv .ar {text-align: right;} .easyLeagues .navDiv .partName {font-size: 8.5pt; padding: 4px 3px 0 0;} .easyLeagues .navDiv a, .easyLeagues .navDiv .curPage {font-size: 13px; font-weight: bold; margin: 0 3px; padding: 3px 8px; text-decoration: none; border: none;} .easyLeagues .navDiv .curPage {padding-top: 4px;} .easyLeagues .navDiv a:link {color: #eee; text-decoration: none;} .easyLeagues .navDiv a:visited {color: #eee; text-decoration: none;} .easyLeagues .navDiv a:hover {color: #fff; background-color: #400; text-decoration: underline;} .easyLeagues .navDiv tbody tr:first-child td { line-height: 1px; } .easyLeagues .navDiv .curPage {color: #fff; background-color: #611; border-left: 1px solid #aaa; border-right: 1px solid #aaa;} .easyLeagues .selLeagBody .navDiv table {} /* ----------- Login Box Layout -------- */ #loginStatus {padding-left: 10%; color: #FFFF99;} #loginStatus.fail {color: #ff3030;} /* ----------- Select League Table Layout -------- */ .easyLeagues .selLeagBody > div > div {font-size: 13px; width: 85%; margin-left: 10px; margin-bottom: 10px;} .easyLeagues .selLeagBody .pgTitle {font-size: 11pt; font-weight: bold;} .easyLeagues .selLeagBody .nextSeasMsg {} .easyLeagues .selLeagBody .spclMsgText {color: #b00;} .easyLeagues .selLeagBody .spclMsg .title {font-size: 11pt; font-weight: bold;} .easyLeagues .selTbl {font-size: 12px; margin: auto; width: 400px; border: 0px solid #d0d0d0;} .easyLeagues .selTbl thead.title th:first-child span {font-size: 11pt;} .easyLeagues .selTbl .headerRow th {text-align: left; padding-left: 5%;} .easyLeagues .selTbl .spcr {border-top: 1px solid #707040;} .easyLeagues .selTbl tbody td {font-size: 8.5pt; font-weight: bold; vertical-align: top; padding: 6px 2px 4px 2px;} .easyLeagues .selTbl .subTitleRow {font-size: 12px; border-top: 1px solid #faa;} /* sub-title cell */ .easyLeagues .selTbl .subTitleRow:first-child {border-top: 0px solid #ffffff;} /* top row */ .easyLeagues .selTbl .spcr hr.col1 {width: 20px;} .easyLeagues .selTbl .spcr hr.col2 {width: 210px;} .easyLeagues .selTbl .spcr hr.col3 {width: 170px;} /* ----------- Schedule, Teams Table Layout -------- */ .easyLeagues .schedTeamsTbl {width: 500px; margin: auto;} .easyLeagues .schedTeamsTbl tbody th, .easyLeagues .schedTeamsTbl tbody td {font-size: 13px; white-space: nowrap; padding: 3px 4px 3px 4px;} .easyLeagues .schedTeamsText {} .easyLeagues .schedTeamsTextHL {background-color: #e66;} /* Hi-Light olive */ .easyLeagues .schedTeamsTbl tfoot td {font-size: 12px; padding: 5px 30px 5px 50px;} .easyLeagues tfoot .schedTeamsLeagOpenAlert {color: #a00000;} .easyLeagues tfoot .schedLeagueSpecNote {font-size: 13px; font-weight: bold; color: #a00040; background: #ffff40;} .easyLeagues tfoot .schedTeamsDblHdr {text-align:center; font-style: italic;} .easyLeagues tfoot .schedMouseOverNote {text-align:center;} /* -- stdTbl -- */ /* standard table (schedule, standings) */ .easyLeagues .stdTbl {} .easyLeagues .stdTbl tbody th, .easyLeagues .stdTbl tbody td {font-size: 12px; text-align: center; white-space: nowrap; padding: 3px 2px 3px 2px; border-left: solid 1px #c0c0c0; border-right: solid 1px #c0c0c0;} .easyLeagues .stdTbl .headerRow {white-space: normal; outline: 1px solid #a00;} .easyLeagues .stdTbl .headerRow th {padding: 2px; border-left: solid 1px #c0c0c0; border-right: solid 1px #c0c0c0;} .easyLeagues .stdTbl tbody {outline: 1px solid #a00;} .easyLeagues .stdTbl tbody tr {border-top: 1px solid #faa;} /* ----------- Schedule, Detail Table Layout -------- */ .easyLeagues .schedTbl {width: 400px;} .easyLeagues .schedRow {} .easyLeagues .schedRowHL {background-color: #944;} /* Hi-Light dark olive */ .easyLeagues .stdTbl td.schedDate {text-align: right;} .easyLeagues .stdTbl td.schedDateHL {text-align: right; color: #ff8; background-color: #611;} /* Hi-Light light olive */ .easyLeagues .stdTbl td.schedGridText {} .easyLeagues .stdTbl td.schedGridTextHL {background-color: #e66;} /* Hi-Light olive */ /* ----------- Standings Table Layout -------- */ .easyLeagues .standTbl {width: 570px;} .easyLeagues .standTbl tbody tr:first-child {border-top: 0px solid #ffffff;} .easyLeagues .standTbl tr.standRow {} .easyLeagues .standTbl tr.standRowHL {background-color: #944;} /* Hi-Light dark olive */ .easyLeagues .standTbl td.standRankText {} .easyLeagues .standTbl td.standTeamText {width: 300px; text-align: left;} .easyLeagues .standTbl td.standWLText {width: 20px; text-align: right;} .easyLeagues .standTbl td.standGridText {width: 16px;} /* ----------- Registration Page Layout -------- */ .easyLeagues .regBody {} .easyLeagues .regBody .noLeaguesAvailable {color: #ff3030;} .easyLeagues .regBody .regGreetMsg {font-size: 12px; width: 400px; color: #511;} .easyLeagues .regBody .bottomText {margin: auto; width: 400px; font: 12px Courier New, Courier, Monospace;} /* -- not logged in -- */ .easyLeagues .loginTbl .spcr hr.col1 {width: 130px;} /* Login Box */ .easyLeagues .loginTbl .spcr hr.col2 {width: 220px;} .easyLeagues .chgPwdTbl .spcr hr.col1 {width: 170px;} /* Change Password */ .easyLeagues .chgPwdTbl .spcr hr.col2 {width: 210px;} .easyLeagues .getPwdTbl .spcr hr.col1 {width: 150px;} /* Reset Password */ .easyLeagues .getPwdTbl .spcr hr.col2 {width: 300px;} /* -- both logged-in and not logged in -- */ .easyLeagues .editUserTbl .spcr hr.col1 {width: 150px;} /* Make/Edit User */ .easyLeagues .editUserTbl .spcr hr.col2 {width: 300px;} .easyLeagues .leagListTbl {} /* List Of Leagues */ .easyLeagues .leagListTbl .leagAlmostFull {color: #800000; background: #ffffd0; padding-left: 20px;} .easyLeagues .leagListTbl .leagFull {color: #a00000; padding-left: 20px;} .easyLeagues .leagListTbl .leagClosed {color: #a00000; padding-left: 20px;} .easyLeagues .leagListTbl a {} /* color: #611 */ .easyLeagues .leagListTbl .spcr hr.col1 {width: 15px;} /* indent */ .easyLeagues .leagListTbl .spcr hr.col2 {width: 80px;} /* Day */ .easyLeagues .leagListTbl .spcr hr.col3 {width: 110px;} /* Description */ .easyLeagues .leagListTbl .spcr hr.col4 {width: 100px;} /* Start Time */ .easyLeagues .leagListTbl .spcr hr.col5 {width: 40px;} /* Fee */ .easyLeagues .leagListTbl .spcr hr.col6 {width: 80px;} /* Begins */ .easyLeagues .leagListTbl .spcr hr.col7 {width: 50px;} /* Weeks */ .easyLeagues .leagListTbl .spcr hr.col8 {width: 40px;} /* Spots Taken */ /* -- logged in, 1st page -- */ .easyLeagues .regBody .loggedIn {} /* My Teams, Summary, 1st section */ .easyLeagues .regBody .welcome {color: #511;} /* My Teams, Summary, 2nd section */ /* -- logged in, sign-up team -- */ .easyLeagues .selTeamProb {color: #800000;} .easyLeagues .confLeagTbl .leagFull {color: #a00000;} /* Registration, Confirm League */ .easyLeagues .confLeagTbl .spcr hr.col1 {width: 150px;} .easyLeagues .confLeagTbl .spcr hr.col2 {width: 300px;} .easyLeagues .selTeamNameTbl .selTeamNote {color: #820;} /* Registration, Select Team */ .easyLeagues .selTeamNameTbl .spcr hr.col1 {width: 180px;} .easyLeagues .selTeamNameTbl .spcr hr.col2 {width: 350px;} .easyLeagues .confRegTbl .spcr hr.col1 {width: 160px;} /* Registration, Confirm All */ .easyLeagues .confRegTbl .spcr hr.col2 {width: 420px;} .easyLeagues .confRegTbl .agreementText {color: #820;} .easyLeagues .confRegTbl .agreementChkText {color: #511; padding: 10px 20px; display: inline-block;} .easyLeagues .regFinalTbl .spcr hr.col1 {width: 160px;} /* Registration, Finalized */ .easyLeagues .regFinalTbl .spcr hr.col2 {width: 250px;} /* -- logged in, My Teams -- */ .easyLeagues .regBody .calInst {margin-bottom: 20px;} /* My Teams, Manage, ICS calendar instructions */ .easyLeagues .myTeamsTbl .spcr hr.col1 {width: 10px;} /* My Teams */ .easyLeagues .myTeamsTbl .spcr hr.col2 {width: 180px;} .easyLeagues .myTeamsTbl .spcr hr.col3 {width: 260px;} .easyLeagues .myTeamsTbl .spcr hr.col4 {width: 135px;} .easyLeagues .captHistTbl .spcr hr.col1 {width: 10px;} /* Captain History */ .easyLeagues .captHistTbl .spcr hr.col2 {width: 180px;} .easyLeagues .captHistTbl .spcr hr.col3 {width: 260px;} .easyLeagues .captHistTbl .spcr hr.col4 {width: 40px;} .easyLeagues .captHistTbl .spcr hr.col5 {width: 50px;} .easyLeagues .manMyTeamsTbl .spcr hr.col1 {width: 10px;} /* Manage My Teams */ .easyLeagues .manMyTeamsTbl .spcr hr.col2 {width: 175px;} .easyLeagues .manMyTeamsTbl .spcr hr.col3 {width: 50px;} .easyLeagues .manMyTeamsTbl .spcr hr.col4 {width: 255px;} .easyLeagues .manMyTeamsTbl .spcr hr.col5 {width: 125px;} .easyLeagues .delMyTeamsTbl .spcr hr.col1 {width: 100px;} /* My Team, Delete */ .easyLeagues .delMyTeamsTbl .spcr hr.col2 {width: 300px;} .easyLeagues .addMyTeamsTbl .spcr hr.col1 {width: 100px;} /* My Team, Add */ .easyLeagues .addMyTeamsTbl .spcr hr.col2 {width: 200px;} /* ----------- Cart Page Layout -------- */ .easyLeagues .cartHdrTbl {margin: auto;} .easyLeagues .cartHdrTbl .spcr hr.col1 {width: 150px;} .easyLeagues .cartHdrTbl .spcr hr.col2 {width: 450px;} .easyLeagues .cartListTbl {width: 80%; margin: auto;} /* Cart List */ .easyLeagues .cartListTbl .payVal input {width: 40px; text-align: right;} .easyLeagues .cartListTbl .chkPay {text-align: center;} .easyLeagues .cartListTbl .chgdMoneyValPos {color: #a00;} .easyLeagues .cartListTbl .chgdMoneyValNeg {color: #800000;} .easyLeagues .cartListTbl .spcr hr.col1 {width: 365px;} /* league team (was 350) */ .easyLeagues .cartListTbl .spcr hr.col2 {width: 50px;} /* fee */ .easyLeagues .cartListTbl .spcr hr.col3 {width: 50px;} /* received */ .easyLeagues .cartListTbl .spcr hr.col4 {width: 50px;} /* discounts */ .easyLeagues .cartListTbl .spcr hr.col5 {width: 55px;} /* amt. due */ .easyLeagues .cartListTbl .spcr hr.col6 {width: 55px;} /* amt. pay */ .easyLeagues .cartListTbl .spcr hr.col7 {width: 5px;} /* pay (was 40) */ .easyLeagues .cartFinalTbl .spcr hr.col1 {width: 200px;} /* Finalize Cart */ .easyLeagues .cartFinalTbl .spcr hr.col2 {width: 150px;} .easyLeagues .cartResetTbl .spcr hr.col1 {width: 450px;} /* Reset Coupons */ .easyLeagues .cartConfZeroTbl .spcr hr.col1 {width: 450px;} /* Confirm coupon-only cart */ .easyLeagues .cartPostZeroTbl .spcr hr.col1 {width: 450px;} /* Post coupon-only cart */ .easyLeagues .cartCoupFailTbl .spcr hr.col1 {width: 450px;} /* Coupone failed */ .easyLeagues .cartReceiptTbl .spcr hr.col1 {width: 450px;} /* Cart Receipt */ /* ----------- SubList Page Layout -------- */ .easyLeagues .subListTbl {} /* Sub-List Table */ .easyLeagues .subListTbl .notApprvdYet {font-weight: bold; background-color: #ffffa0;} .easyLeagues .subListTbl .spcr hr.col1 {width: 130px;} /* name */ .easyLeagues .subListTbl .spcr hr.col2 {width: 90px;} /* phone */ .easyLeagues .subListTbl .spcr hr.col3 {width: 70px;} /* email */ .easyLeagues .subListTbl .spcr hr.col4 {width: 50px;} /* text */ .easyLeagues .subListTbl .spcr hr.col5 {width: 90px;} /* league type */ .easyLeagues .subListTbl .spcr hr.col6 {width: 90px;} /* skill level */ .easyLeagues .subListTbl .spcr hr.col7 {width: 90px;} /* date */ .easyLeagues .subEmlTbl .spcr hr.col1 {width: 80px;} /* Sub-List, Compose E-Mail */ .easyLeagues .subEmlTbl .spcr hr.col2 {width: 450px;} .easyLeagues .subDelTbl .spcr hr.col1 {width: 100px;} /* Sub-List, Delete Me */ .easyLeagues .subDelTbl .spcr hr.col2 {width: 300px;} .easyLeagues .subEditTbl .spcr hr.col1 {width: 120px;} /* Sub-List, Edit Me */ .easyLeagues .subEditTbl .spcr hr.col2 {width: 430px;} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 788px) and (max-width: 979px) { .easyLeagues .navDiv a, .easyLeagues .navDiv .curPage {font-weight: normal; padding: 3px 4px;} } @media only screen and (max-width: 979px) { .easyLeagues .schedTbl {background-color: #ddd;} .easyLeagues .schedTbl tbody td {font-size: 11px;} .easyLeagues .standTbl {background-color: #ddd;} .easyLeagues .standTbl tbody td {font-size: 11px;} } @media only screen and (max-width: 609px) { .easyLeagues .selTbl {width: 100%;} .easyLeagues .selTbl .spcr {display: none;} .easyLeagues .schedTeamsTbl {width: 100%;} .easyLeagues .bottomText {width: 100%;} .easyLeagues .leagListTbl {background-color: #ddd;} }