/* file: page.css */
/* standard style sheet for on-line meet entry pages */
/* $Id: page.css,v 1.6 2011/06/13 06:55:41 bill Exp bill $ */

/* === global styles === */
body {
   font-family: Veranda, serif;
   margin: 0;
   padding: 0;
   font-size: large;
}
p, h1, h2, h3, h4, h5, h6, li {
   margin: 1ex 1em;
}
hr { text-align: center; width: 95%; }

/* === classes === */
.break { page-break-after: always }
.center { text-align: center; }
.center table { margin: auto; }
.clear { clear: both; }
.formw { float: none; width: 50%; margin: 0 0 0 50%; }
.left { text-align: left; }
.right { text-align: right; }
.error { text-align: left; color: red; }
.new { color: red; }
.subtitle { font-size: 170%; font-style: italic; }
.alreadyEntered { color: #666; font-style: italic; margin:0 2.0em; }
.panelTitle { font-size:120%; font-weight: bold; }
.submitButton { text-align:center; }
.button:hover { background: red; color: white; }
.input:hover { border-color: red; }
.valid { color: black; }
.invalid { color: red; }

/* === toggle menu === */
.menu,
.menu ul { margin:0; padding:0; list-style:none; }
.menu li { margin:0; padding:0; margin-bottom:1px; }
.menu a { display:block; padding:2px 5px; color:#fff; background:#f00; text-decoration:none; font-weight:bold; }
.menu a span { display:none; }
.menu a:hover { background:#ffffff; color:#000; font-style: italic; }
.menu a:hover span { display:block; padding:2px 5px; color:#000; background:#ffffff; font-weight:normal; text-indent:5px;}
.menu ul li { padding-left:15px; }
/* .menu ul a { background:#ced174; } */
.hidden { display:none; }

/* === id blocks === */
#generalFees { display: block; }

#aauEntryDivFees { display: block; }
#elementary_schoolEntryDivFees { display: block; }
#middle_schoolEntryDivFees { display: block; }
#high_schoolEntryDivFees { display: block; }
#usatf_youthEntryDivFees { display: block; }
#usatf_mastersEntryDivFees { display: block; }
#usatfEntryDivFees { display: block; }
#ackPayment { display: block; }
#payOnlineOnly { display: block; }
#payOnSite { display: block; }
#onlineFeesDue { display: block; }
#mailinFeesDue { display: block; }
#sendCheckTo { display: block; }

#dcl41 { display: block; }
#pay41 { display: none; }
#view41 { display: none; }
#tell41 { display: none; }

#championship {display: block; }
#invitational {display: block; }
#open {display: block; }

#pickPerfMeet { display: block; }
#postPerfLists { display: block; }

#importSource { display: block; }
#archiveSource { display: none; }

#incSubBantam { display: block; }

/* Credits: Dynamic Drive CSS Library     */
/* URL: www.http://dynamicdrive.com/style */
.redbutton { background: red;
             color: white;
	     font-weight:bold;
	     cursor:pointer;
	     text-align:center;
	     padding: 1px 2px }

/* === print button === */
div.printbutton {
   text-align: center;
}
div.printbutton span.printbutton {
   font-size: 80%;
   font-style: italic;
   color: blue;
}

/* === rows === */
div.row {
   clear: both;
   padding-top: 1px;
   font-family: fixed;
}

div.row span.label {
   float: left;
   width: 20%;
   text-align: left;
}

div.row span.eventlabel {
   float: left;
   width: 20%;
   text-align: left;
}

div.row span.prslabel {
   float: left;
   width: 15%;
}

div.row span.relaylabel {
   float: left;
   width: 25%;
   text-align: left;
}

div.row span.rightlabel {
   float: left;
   width: 50%;
   text-align: right;
}

div.row span.calitem {
   float: left;
   width: 40%;
   text-align: right;
}

div.row span.teamlabel {
   float: left;
   width: 20%;
   text-align: right;
}

div.row span.teamrequired {
   float: left;
   width: 20%;
   text-align: right;
   color: red;
}

div.row span.formw {
   float: none;
   width: 50%;
   margin-left: 5px;
}

div.row span.qualmark {
   float: none;
   width: 25%;
   text-align: right;
}

div.row span.error {
   float: none;
   width: 100%;
   text-align: left;
   color: red;
   font-style: italic;
   text-indent: 2em;
}

div.row span.prs {
   float: none;
   text-align: right;
}

div.row span.mm {
   float: left;
   width: 12%;
   text-align: right;
}
div.row span.ssss {
   float: left;
   width: 16%;
   text-align: right;
}
div.row span.mmssss {
   float: left;
   width: 18%;
   padding: 2px;
}
div.row span.eqbutton {
   float: left;
   width: 4%;
   text-align: center;
}
div.row span.ft {
   float: left;
   width: 8%;
   text-align: right;
}
div.row span.in {
   float: left;
   width: 12%;
   text-align: right;
}
div.row span.ftin {
   float: left;
   width: 15%;
   padding: 2px;
   text-align: right;
}
div.row span.mmmm {
   float: left;
   width: 18%;
   padding: 2px;
}


div.eventcategory {
   width: 75%;
   border: thin solid black;
   padding: 1em;
   margin: 1em auto;
} 

div.prscategory {
   width: 95%;
   border: thin solid black;
   padding: 1em;
   margin: 1em auto;
} 

div.relaycategory {
   width: 95%;
   border: thin solid black;
   padding: 1em;
   margin: 1em auto;
} 

div.teamcategory {
   width: 95%;
   border: thin solid black;
   padding: 1em;
   margin: 1em auto;
} 

div.cardcharge {
   width: 80%;
   border: thin solid red;
   padding: 1em;
   margin: 1em auto;
   text-align: left;
   font-style: italic;
   color: red;
} 

/* === boxes === */
div.msgbox {
   width: 50%;
   border: thin solid black;
   padding: 1em;
   margin: 1em auto;
   text-align: left;
   font-size: 120%;
} 

div.warnbox {
   width: 80%;
   border: medium solid red;
   padding: 1em;
   margin: 1em auto;
   text-align: left;
   font-size: 144%;
} 

span.heading {
   font-size: 120%;
   font-weight: bold;
   font-family: 'Courier New';
}

/* Sortable tables */
/*table.sortable a.sortheader {*/
table.sortable {
   margin: auto;
}
table.sortable thead {
    background-color:#cecece;
    color:#000000;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

/* center table */
table.center { margin-left:auto; margin-right:auto; }


/* =============================== */
/* help form  & registration forms */
/* =============================== */
div.row span.label25 {
   float: left;
   width: 25%;
   text-align: left;
}

div.row span.Rlabel25 {
   float: left;
   width: 25%;
   text-align: right;
}

div.row span.Rlabel50 {
   float: left;
   width: 50%;
   text-align: right;
}

div.row span.requiredRlabel50 {
   float: left;
   width: 50%;
   color: red;
   text-align: right;
}

div.row span.confirmlabel {
   float: left;
   width: 50%;
   font-style: italic;
   text-align: right;
}

div.row span.rightlabel25 {
   float: left;
   width: 25%;
   text-align: right;
}

div.row span.required_rightlabel {
   float: left;
   width: 25%;
   text-align: right;
   color: #0000CC;
}

div.row span.formw60 {
   float: none;
   width: 60%;
   text-align: right;
}

div.row span.confirmformw {
   float: none;
   width: 50%;
   text-align: left;
   margin-left: 1px;
}

span.required {
   color: #0000CC;
   font-size: smaller;
   font-style: italic;
}

span.example {
   font-style: normal;
   font-size: medium;
}

span.warning {
   font-size: medium;
   font-style: italic;
   color: #FF0000;
}
/* ============================================================== */
/* 2-Column page main w/sidebar (70-25)                           */
/* ============================================================== */
   #wrap {
      margin:0 auto;
      width:100%;
   }
   #main {
      float:left;
      width:70%;
   }
   #main h2, main h3, #main p {
      padding:0 10px;
   }
   #sidebar {
      float:left;
      width:25%;
   }
   #sidebar ul {
      margin-bottom:0;
   }
   #sidebar h3, #sidebar p {
      padding:0 10px;
   }
   #footer {
      clear:both;
   }
   #footer p {
      padding:0 5px;
      margin:0;
   }

/* === page wrapper === */
div#outerDiv {
   width: 100%;
   margin: 0 auto;
}

/* === page header === */
div#headerDiv {
   height: 130px;
   margin: 5px 5px;
   position: relative;
   text-align: center;
}
#headerDiv a {
   text-decoration: none;
}

/* === content main body === */
/* === 2-column layout === */
#contentDiv {
   clear: both;
   width: 95%;
   margin: 0 auto;
   padding: 0 5px;
}
div#leftDiv {
   float: left;
   width: 45%;
}

div#rightDiv {
   float: right;
   width: 45%;
   padding: 0 5px;
   margin: 0 10px 0 0;
}

/* === 3-panel layout */
div#content {
   position: relative;
   width: 95%;
   margin: 0 auto;
}
#content div#leftSidebar {
   border: 1px solid #000;
   float: left;
   width: 20%;
   margin: 10px 10px;
   overflow: auto;
}
#content div#mainContent {
   border: 1px solid #000;
   float: left;
   width: 50%;
   margin: 10px 10px;
   overflow: auto;
}
#content div#rightSidebar {
   border: 1px solid #000;
   float: left;
   width: 22%;
   margin: 10px 10px;
   overflow: auto;
}


/* === page trailer === */
div#trailerDiv {
   text-align: center;
}

#trailerDiv img {
   position: fixed; 
   bottom: 0;
   right: 5px;
}

div#r2button {
   text-align: center;
}

/* === page footer === */
div#footerDiv {
   clear: both;
   background: transparent;
   margin: 0 auto;
   padding: 5px;
   text-align: center;
   font-size: x-small;
   font-style: italic;
}

#footerDiv p {
   font-family: sans-serif;
   text-align: center;
   font-size: .75em;
   margin: 0;
   padding: 0;
}

#footerDiv a {
   text-decoration: none;
   color: #666;
}

/* === submit buttons === */
div#submitDiv {
   text-align: center;
}


/* ============================================================== */
/* print media                                                    */
/* ============================================================== */
@media print {
   div.printbutton { display:none; }
   div.printbutton span.printbutton { display:none; }

    body { color: black;
       font-family: Veranda, serif;
       font-size: smaller;
       background: white;
       width:100%;
       margin:0;
       padding:0;
    }
   #header { display:none; }
   #trailer { display:none; }
   #footer { display:none; }
   #headerDiv { display:none; }
   #trailerDiv { display:none; }
   #footerDiv { display:none; }
   #submitDiv { display:none; }
   #r2button { display:none; }
   .submitButton { display: none; }
}

/* eof */