@charset "utf-8";
/* 4 Square CSS */
body {
	background:#ccc;
text-align: center;
}
#logo {
	float: left;
	padding-right: 12px;
}
#navCont {
    background: #fff;
    text-align: left;
    border: 1px solid;
	overflow: overlay;
}
#navCont h2 {
    float: left;
    margin-right: 20px;
}
#topNav {
    display: block;
    float: right;
    margin-top: 25px;
    margin-right: 55px;
}
#topNav a {
    font-weight: bold;
    text-decoration: none;
    background: #e8e7e7;
    border-radius: 3px;
    padding: 2px 9px;
	margin-right: 11px;
}
#content {
    width: 100%;
    max-width: 1000px;
    min-height: 500px;
    overflow: overlay;
    background: #fff;
    border: 1px solid;
}
#intBody {
	clear:both;
	text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 750px;
    background: #e2f1f2;
    padding: 4px;
    overflow: overlay;
}
.childTh, .staffTh {
	width: 146px;
    margin: 0 19px 8px 19px;
    float: left;
	cursor: pointer;
}
.childTh.detail {
height: 334px;	
}

.name {
    background: url(../4Suare_graphics-assets/icon_checkedOut.png) no-repeat;
	text-indent: 25px;
    display: block;
    padding: 1px 0 2px 2px;
    text-align: left;
}
.checkedIn {
    background: url(../4Suare_graphics-assets/icon_checkedIn.png) no-repeat;
}
#checkInForm, #mealsForm {
	text-align: left;
	padding: 18px 6px;
}
#doneButt, #cancelButt {
    width: 111px;
    height: 26px;
    background: #ccc;
    color: #000;
    float: right;
    text-align: center;
    padding-top: 10px;
    border-radius: 7px;
	cursor: pointer;
	margin: 4px;
	clear: both;
	font-weight: bold;
}

#doneButt:hover, #cancelButt:hover {
    background:#b1afaf;
}
.dataField input[type="text"] {
    height: 43px;
}
.dataField h3 {
    margin-bottom: 2px;
}
#mealCheckboxes {
    float: left;
    width: 300px;
}
#mealCheckboxes input {
    height: 24px;
    width: 24px;
	margin: 0px 8px 17px;
	float: left;
    clear: both;
}
#mealCheckboxes label {
    font-size: 24px;
    font-weight: bold;
	float: left;
}
#mealPlan {
    float: left;
}
#mealPlan h3 {
    float: left;
    margin: 0 12px 4px 0;
}
#mealPlan span {
    background: #ccc;
	padding: 8px 14px;
    margin-right: 7px;
    font-weight: bold;
    font-size: 26px;
	cursor: pointer;
}
.childThMeals {
    float: left;
	clear: both;
	text-align: center;
	width: 85px;
}
.childThMeals img {
    max-width: 63px;
}
.childThMeals .name {
    background: none;
    font-size: 10px;
	text-indent:0;
	text-align: center;
}
#allSomeNone {
    float: left;
	margin: 27px 0 0 9px;
}
#allSomeNone span {
font-size: 27px;
    display: block;
    float: left;
    margin: 0 55px;
    background: #fff;
    padding: 4px 8px;
    border: 2px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

.mealRow {
    margin-bottom: 15px;
    overflow: overlay;
	padding: 3px 0 0px 10px;
    /*background: rgba(255, 255, 255, 0.39);*/
    border-radius: 12px;
	clear: both;
}
.mealButt {
    text-decoration: none;
    background: #fff;
    display: block;
    width: 333px;
    padding: 12px;
    margin: 11px 12px;
    border-radius: 24px;
}
#bottleFields span {
    display: block;
    float: left;
    font-size: 22px;
    padding-right: 36px;
    width: 111px;
}
#bottleFields span em {
    font-size: 14px;
	display: block;
}
#bottleFields {
    margin-left: 145px;
}

.bFlds select {
    margin: 23px 15px;
    width: 120px;
    height: 29px;
}
#formulaTot {
    float: right;
	margin: -32px 40px 8px 0;
}
#formulaTot span {
    background:#fff;
	padding: 4px 7px;
    border-radius: 6px;
}
#snackFields {
    margin-left: 112px;
}
#snackFields span {
    display: block;
    float: left;
    font-size: 24px;
    padding-right: 36px;
    width: 111px;
}
span#crackers {
    width: 138px;
}