/*Base*/
html {font-family:Arial, Helvetica, sans-serif; font-size: 100%; line-height:97%}
body {font-size: 62.5%; margin:0 auto; padding:0; background:url(img/page.gif) #12ad28 repeat-x top left;}
h1 {font-size:2.0em; margin:0; padding:0;}
h2 {font-size:1.8em; margin:0; padding:0;}
h3 {font-size:1.2em; margin:0; padding:0;}
p {font-size:1.2em; margin:0; padding:0;}
label {font-size:1.2em; margin:0; padding:0;}
input {font-size:1.1em; margin:0; padding:0;}
ul {margin:0; padding: .5em 0; list-style: none;}
li {margin:0; padding:0; list-style: none;}

/*Page*/
#upperpage{background:url(img/footline.gif) bottom left repeat-x; border-bottom:solid 2px #fedd00; margin-bottom:1em; padding-top:1em; width:100%;}
#header{background-color:#3fcf15; border:solid 2px #fedd00; border-bottom:none; margin: 0 auto; width:75.5em;}
#header img {display:block; margin:0 auto;}
#content{clear:both; margin: 0 auto; overflow:auto; padding-left:2em; width:75.5em;}
#contentNoNav{clear:both; margin: 0 auto; overflow:auto; width:75.5em;}
#nav{}
#placeholder{display: table; width:48em;}
#placeholderNoNav{margin: 0 auto;}
#lowerpage{background:url(img/footline.gif) top left repeat-x; border-top:solid 2px #fedd00; clear:left; margin-top:1em; padding-top:4px; width:100%;}
#lowerpage div{ background:url(img/footgrad.gif) repeat-x bottom left;}
#footer{background:url(img/footgrad.gif) #12ad28 repeat-x bottom left; border:solid 1px #136820; border-top:none; margin: 0 auto; width:75.5em;}

/*Nav*/
#nav {display:table; float:left; width:18.5em;}
ul.nav {text-align: center;}
ul.nav li {display: inline; margin: 0 2em;}
ul.nav li a {font-size:1.4em;}
li a {color:#fedd00; font-weight:bold; text-decoration:none;}
li a:hover {text-decoration: underline;}

/* General */
span.required {color:Red; margin-left:.15em}
span.confirm {color:Red}
input.confirm {clear:left;float:left;}
span.error {clear:left; color:Red; display:block; margin-left:.2em; width:99%;}

input.address{width: 97%;}
input.city{width:6em}
input.state{}
input.zip{width:3em}
input.name{width:6em}
input.nameLong{width:99%}
input.max{width:99%}
input.phone{width:6em}
input.email{width:97%}
textarea.note{width:99%}
input.button {font-size:1.0em;}
label.food{width:99%; color:Red}
input.food{width:20em}
input.amount{width:4.5em}
input.fooddays{width:5em}
input.quan{width:2.5em}

/* Graphic panel yellow=fedd00 green=0f9921 dark green=13521d */
div.bar div {background:url(img/bar-top.gif) #0f9921 repeat-x top left; border: black solid 1px; margin-bottom:.15em}
div.bar h2 {background:url(img/bar-bottom.gif) repeat-x bottom left; color:#fedd00; font-weight:bold; padding:.25em}
div.panel {background-color:White; border: solid 2px #134e1d; display:block; float:left; font-size:1.4em; padding:.25em}
div.panel h2 {font-size:1.2em; border: solid 1px #134e1d;}
div.panel hr {background-color:#0f9921; color:#0f9921; margin:.5em 0 0 0}

/*Table*/
td {padding:.1em;}
td.left {text-align:left;}
td.right {text-align:right;}
td.center {text-align:center;}
td.header {width:auto;}
td.first {width:6.5em;}
td.title{color:#0f9921; font-weight:bold;}
tr.header{background-color:#0f9921; color:#fedd00;}
tr.data0{background-color:#a3d9aa;}
tr.data1{background-color:#9fd18d;}
tr.header td, tr.data0 td, tr.data1 td{border-bottom:solid 1px #0f9921; padding:.5em .5em}
table.grid {clear:left; margin:.5em auto; width:98%}
table.grid {border-top:solid 1px #0f9921; border-left:solid 1px #0f9921; border-bottom:solid 2px #13521d; border-right:solid 2px #13521d;}
table.links {clear:left; text-align:center; margin: 1em auto;}
table.menu tr.link td{padding-bottom:.5em}
table.menu img{border:none}
table.menu a{text-decoration:none;}
table.menu a:hover{text-decoration:underline}
table.buttons {width:100%;}
table.buttons .button {float:right; padding: 0 .5em;}
table.buttons a.maint {float:left; margin:.5em;}
table.view {margin:0 auto; padding:1em 0;}
table.view tr.header td{background-color:#fff; color:#000; text-decoration:underline}
table.view td {border: 0; padding:.35em .35em}
table.view td.grade {text-align:center}
table.view td.teacher {text-align:center}
/*table.view td.water {text-align:center}*/
table.view td.total {text-align:right; }
table.view td.grand {font-weight:bold; text-align:right; text-decoration:underline}

/*Home*/
#home {display:table; float:none; margin:0 auto; width:92%}
#board{background:url(img/board.jpg) #0f8a3a no-repeat; border:solid 2px #13521d; height:282px; width:425px; margin-left:1em; overflow:auto;}
#board .homeText {font-size:1.8em; padding:.5em; width:65%; color:White;}
#board .homeText a {color:White;}

/*Login*/
#login {display:table; float:none; margin:0 auto; width:20em}
#login .button {float:right; padding: 0 .5em;}
#login table {width:100%;}
#login td.header {width:5em;}

/*Forms */
#forms {display:table; float:none; margin:0 auto; width:30em}
ul.docs{list-style: none; margin:.5em; margin-bottom:0}
ul.docs li{display: block; margin-bottom:.5em}
ul.docs li a {font-size:1.2em; color:Blue; font-weight:normal; text-decoration:none;}
ul.docs li a:hover {text-decoration: underline;}

/*Error*/
#error {color:#fedd00; font-size:1.4em; padding:5em;}

/*Register*/
#reg {display:table; float:none; margin:0 auto; width:30.5em;}
#reg .button {float:right; padding: 0 .5em;}

/*Child*/
#child {display:table; float:none; margin:0 auto; width:27.5em;}

/*Continue*/
#continue {display:table; float:none; margin:0 auto; width:33em;}

/*Menu*/
#menu {display:table; float:none; margin:0 auto; width:40em;}
#menu table {margin:0 auto; width:85%;}
#menu table.menu td {width:50%;}

/*LEAP*/
#leapcal {padding:.5em}
#leapcal table {width:100%}
#leapcal td {border:solid black 1px; padding:.5em; vertical-align:top; text-align:center}
#leapcal td.title {border:none; font-size:2.4em; color:black;}
#leapcal td.caption {border:none; font-size:1.8em; color:black;}
#leapcal td div.day {font-size:1.6em; font-weight:bold}
#leapcal td div.dates {font-size:1.6em; font-weight:bold}
#leapcal td div.weeks {font-size:1.4em; font-weight:normal}
#leapcal td div.no {font-size:1.4em; font-weight:normal}
#leapcal td div.title {font-size:1.6em; font-weight:bold}
#leapcal td div.inst {font-size:1.4em;}
#leapcal td div.grade {font-size:1.2em;}
#leapcal td div.fee {font-size:1.2em;}
#leapcal td div.req {font-size:1.2em;}

#leapnotice {display:table; float:none; margin:0 auto; width:35em;}

#leaporder {display:table; float:none; margin:0 auto; width:52.25em}
#leaporder div.list {border:solid 1px green; padding:.25em; height:12.5em; overflow:auto; margin:.5em 0; width:38.75em}
#leaporder div.list table {border-bottom:solid 1px green;}
#leaporder div.list td.title{font-weight:bold}
#leaporder div.list td.grade{font-weight:normal; text-align:right}
#leaporder div.list td.desc{font-weight:normal}
#leaporder div.list td.min{font-weight:normal}
#leaporder div.list td.inst{font-weight:normal;}
#leaporder div.list td.fee{font-weight:normal; text-align:right}
#leaporder td.img{vertical-align:top;}
#leaporder td .tag{color:Green; display:block; font-size:1.2em; font-weight:bold; padding-top:1.75em; text-align:center}
#leaporder label.note {color:Green; display:block; font-weight:bold; font-size:1.2em; margin:.125em;}

#leaporder div.child{border-bottom:solid 1px green; padding:1em 0; width:auto}
#leaporder table.child{border-bottom:solid 1px green; padding:.5em 0}
#leaporder table.child td {padding:.125em}
#leaporder table.child td.head{font-weight:normal; text-align:right; width:7em}
#leaporder table.child td.name{font-weight:bold; text-align:right; width:7em}
#leaporder table.child td.value{text-align:left; width:24%}
#leaporder table.child td.child{font-weight:bold; text-align:left; width:24%}
#leaporder table.child td.grade{font-weight:bold;text-align:left; width:10%}
#leaporder table.child td.teach{font-weight:bold;text-align:left; width:38%}
#leaporder table.child td.cls select{width:98%}

#leapview {display:table; float:none; margin:0 auto; width:97%;}
#leapview {display:block; margin: 0 auto; text-align:center}
#leapview p {margin:1em 0; font-size:.9em}
#leapview {font-size:1.4em; padding:.5em}
#leapview div{padding:.5em; font-size:.9em; font-weight:normal;}
#leapview div.title{font-size:1.4em; font-weight:bold}
#leapview div.caption{font-size:1.2em; font-weight:bold}
#leapview div.deadline{font-weight:normal; text-align:left;}
#leapview div.check{font-weight:normal; text-align:left}
#leapview div.policy{font-weight:normal; text-align:left}
#leapview div.email{font-weight:normal; text-align:left}
#leapview div.order{border-bottom:solid 1px black;}
#leapview div.order table {font-size:1.1em; font-weight:normal; text-align:left; border-top:solid 1px black; width:100%}
#leapview div.order td {text-align:left; padding:.25em}
#leapview div.order td.name{text-align:left; width:7%}
#leapview div.order td.value{font-size:1.1em; width:24%}
#leapview div.order td.child{font-weight:bold; font-size:1.1em; width:24%}
#leapview div.order td.grade{font-weight:bold; font-size:1.1em; width:10%}
#leapview div.order td.teach{font-weight:bold; font-size:1.1em; width:38%}
#leapview div.order tr.cls{}
#leapview div.order td.title{color:Black; font-weight:normal}
#leapview div.order td.desc{}
#leapview div.order td.check{font-weight:bold; font-size:1.1em;}

/*FoodDays*/
#fdhome{display:table; float:none; margin:0 auto; width:37em;}

#fdorder{display:table; float:none; margin:0 auto; width:33em;}
#fdorder select{margin-bottom:.5em;}

#fdviewchild {display:table; float:none; margin:0 auto;}
#fdviewchild {font-size:1.4em; padding:.5em}

#fdviewfamily{display:table; float:none; margin:0 auto;}
#fdviewfamily {font-size:1.4em; padding:.5em}
#fdviewfamily label{display:block; font-size:1.1em; text-align:center; margin-bottom:1em;}

#fdsummary{display:table; float:none; margin:0 auto; width:53em;}
#fdsummary div.info {float:left; width:49.5%;}
#fdsummary div.sum {float:right; width:49.5%;}
#fdsummary table.buttons{clear:both;}
#fdsummary table.view{margin:0; padding:0; text-align:left; width:100%}
#fdsummary div.sum table.view tr.header td {text-align:center}
#fdsummary div.sum td.total {text-decoration:none; width:3.5em}
#fdsummary div.sum td.grand {width:3.5em}
#fdsummary table.view td {padding:.125em 0}

#fdsummary div.info table {margin-bottom: .5em; width:100%}
#fdsummary div.info table td{margin: 0; padding:0;}
#fdsummary table.parent tr.parent td{border-top: dotted 1px #0f9921}

/*Admin*/
#mbHome #mHome a{text-decoration:underline;}
#mbAcct #mAcct a{text-decoration:underline;}
#mbDoc #mDoc a{text-decoration:underline;}
#mbTeacher #mTeacher a{text-decoration:underline;}
#mbReport #mReport a{text-decoration:underline;}
#mbSetting #mSetting a{text-decoration:underline;}
#mbFood #mFood a{text-decoration:underline;}
#mbLeap #mLeap a{text-decoration:underline;}

div.admin {color:#fedd00; font-size:1.2em; font-weight:bold}
div.admin td a {color:#fedd00; font-size:1.2em; font-weight:bold; text-decoration:none}
div.admin td a:hover {text-decoration:underline}
div.admin table.reports td input {width:13em}

div.admin table.buttons td {padding:.25em}

div.report {font-size:1.2em}
div.report table td {padding:.125em .5em}
div.report table td.cost{text-align:right}

#admingenmenu {padding-bottom:1em; float:left; width:37em; font-size:1.0em}
#admingenmenu label{color:black}
#admingenmenu table {border:solid 1px #0f9921; margin:.5em auto; width:99%}
#admingenmenu td {color:Black; font-weight:normal; padding:.25em .2em}
#admingenmenu td.avail {color:#fedd00;}
#admingenmenu td.food {color:#fedd00;}