HTML, BODY
{
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    text-align: center;
}
A, ABBR, ACRONYM, ADDRESS, AREA, B, BASE, BDO, BIG, BLOCKQUOTE, BODY, BR, BUTTON, CAPTION, CITE, CODE, COL, LI, COLGROUP, DD, DEL, DFN, DIV, DL, DOCTYPE, DT, EM, FIELDSET, FORM, H1, H2, H3, H4, H5, H6, HEAD, HTML, HR, I, IMG, INPUT, INS, KBD, LABEL, LEGEND, LI, LINK, MAP, META, NOSCRIPT, OBJECT, OL, OPTGROUP, OPTION, P, PARAM, PRE, Q, SAMP, SCRIPT, SELECT, SMALL, SPAN, STRONG, STYLE, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TITLE, TR, TT, UL, VAR
{
    margin: 0px;
    padding: 0px;
    text-align: left;
}

IMG, OBJECT, FIELDSET, HR, TABLE
{
    border: 0px;
}
input, select, button
{
    font-family: Verdana;
    font-size: 12px !important;
}
.hidden
{
    position: absolute;
    left: -9000px;
    top: 0;
}

.clear
{
    clear: both;
}
/* CSS
 Document */


/* General Text*/
body
{
    font-size: 12px;
    font-family: Verdana;
    color: #56534F;
    text-align: center;
}
a:link
{
    color: #56534F;
}
a:visited
{
    color: #56534F;
}
a:Hover
{
    color: #FF9900;
}
a:active
{
    color: #FF9900;
}


/* General Elements*/
#mainContent
{
    width: 999px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}
#mainContentHome
{
    width: 994px;
    margin-left: auto;
    margin-right: auto;
    height: 596px;
    background: #78A22F url(../img/Home_BG.gif) left bottom no-repeat;
}
#mainContentReportsPopUp
{
    width: 994px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #78A22F;
}


/* Header */
#header
{
    width: 100%;
    height: 80px;
    background: url(../img/Header-green.gif);
    background-repeat: repeat-x;
}
.headerLeft
{
    height: 80px;
    float: left;
}
.headerRight
{
    height: 80px;
    float: right;
}
#MainTop
{
    height: 29px;
    width: 100%;
    background-color: #757471;
    border-top: #FFFFFF 1px solid;
}


/* Top Navigation */
#TopNav
{
    float: left;
    height: 29px;
    width: 70%;
}
#TopNav li
{
    font-size: 12px;
    text-align: center;
    font-family: Verdana;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    border-right: 1px #FFFFFF solid;
    height: 29px;
    padding-left: 0px;
    padding-right: 0px;
}

#TopNav li a
{
    padding: 2px 10px;
}
#TopNav .active span
{
    border-bottom: 1px solid #FF9900;
    float: left;
    height: 24px;
}
#TopNav .active span a:hover
{
    border-bottom: 0;
}
#TopNav span a:hover
{
    border-bottom: 1px solid #FF9900;
    cursor: pointer;
    color: #fff;
}
#TopNav .active:hover ul
{
    margin-top: 29px;
}
* + html #TopNav .active:hover ul
{
    margin-top: 3px;
}
* html #TopNav .active:hover ul
{
    position: relative;
    top: -40px;
}
#TopNav .active ul
{
    float: none !important;
    clear: both;
}
#TopNav .active ul li
{
    display: block;
    clear: both;
    float: none !important;
}
#TopNav .active ul li span
{
    border: 0;
}


#TopNav ul
{
    z-index: 1000;
    list-style-type: none;
}
#TopNav li ul
{
    background-color: #757471;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.90;
    position: absolute;
    top: -999em;
    border: 1px solid #FFFFFF;
}
#TopNav li:Hover ul, #TopNav li.sfhover ul
{
    top: auto;
    border: 1px #FFFFFF solid;
    margin-top: 5px;
}
#TopNav li:Visited ul
{
    background-color: #7C7B78;
    position: absolute;
    top: -999px;
    border: 1px solid #FFFFFF;
}
#TopNav li li
{
    width: 160px;
    font-size: 10px;
    display: block;
    float: none;
    padding-left: 10px;
    height: 22px;
    border-top: 1px solid #757471;
    border-bottom: 1px solid #757471;
    border-right: 0px;
}
#TopNav li Li:Hover, #TopNav li Li.sfhover
{
    width: 160px;
    font-size: 10px;
    float: none;
    padding-left: 10px;
    height: 22px;
    background-color: #FF9900;
    -moz-opacity: 0.95;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    font-weight: bolder;
}
* html #TopNav li li:hover
{
    filter: alpha(opacity=95);
}
#TopNav li li:visited
{
    width: 160px;
    font-size: 10px;
    float: none;
    padding: 5px;
    height: 22px;
}
#TopNav a
{
    color: #FFFFFF !important;
    margin-top: 5px;
    text-decoration: none;
    display: block;
}
#TopNav .active ul li a:hover
{
    cursor: pointer;
    text-decoration: none !important;
}
#TopNav .active ul li span
{
    color: #ffffff !important;
    z-index: 999;
}
#TopNav li li span a:hover
{
    text-decoration: none !important;
    border-bottom: 0 !important;
}

/* Serach */
#SearchBox
{
    float: right;
    position: relative;
    top: 4px;
    right: 2px;
    width: 20%;
}
.SearchBoxTextBox
{
    border: 1px solid #78A130;
    width: 120px;
    height: 19px;
    font-size: 11px;
    color: #999999;
    vertical-align: top;
    margin-right: 4px;
    margin-bottom: 1px;
}


/* Form Fields */
.TextBox
{
    border: 1px solid #78A130;
    width: 140px;
    height: 19px;
    font-size: 11px;
    color: #999999;
    vertical-align: top;
}
.HomeTextBox
{
    border: 1px solid #78A130;
    width: 200px;
    height: 19px;
    font-size: 13px;
    color: #999999;
    line-height: 18px;
    margin: 2px 0px 4px 5px;
}
.RightLoginTextBox
{
    border: 1px solid #78A130;
    width: 120px;
    height: 19px;
    font-size: 13px;
    color: #999999;
    line-height: 18px;
    margin: 0px 0px 4px 3px;
}
.ProfilePageTextBox
{
    border: 1px solid #78A130;
    background-color: #FFFFFF;
    width: 180px;
    height: 18px;
    font-size: 12px;
    color: #56534F;
}
.ProfilePageTextBoxDisable
{
    border: 1px solid #78A130;
    background-color: #dcdcdc;
    width: 180px;
    height: 18px;
    font-size: 12px;
    color: #56534F;
}
.ProfilePageListBox
{
    border: 1px solid #78A130;
    width: 200px;
    height: 18px;
    font-size: 12px;
    color: #56534F;
}
.ReportSelectionListBox
{
    border: 1px solid #78A130;
    width: 280px;
    font-size: 11px;
    color: #56534F;
}
.ProfilePageText
{
    font-size: 11px;
    float: left;
    position: relative;
    top: 2px;
    text-align: right;
}
.ProfilePageStarkey
{
    color: #FF6600;
    text-align: right;
}
.CheckBox
{
    height: 18px;
}
.HomeCheckBox
{
    height: 18px;
    margin-right: 10px;
    padding-top: 5px;
    vertical-align: middle;
}
.Button
{
    text-align: right;
    margin-left: 5px;
}
.button
{
    text-align: center;
    margin-top: 5px;
}

.TopUpTextBox
{
    border: 1px solid #78A130;
    background-color: #FFFFFF;
    width: 70px;
    height: 18px;
    font-size: 12px;
    color: #56534F;
}


/* Poll of the Week */
.RadioButton
{
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 5px;
}
.VoteButton
{
    text-align: right;
    width: 100%;
}

/* Content Box */
#ContentBox
{
    border-left: #C1CD24 1px solid;
    padding-top: 19px;
}

/* Left content */
.ContentBoxLeft
{
    width: 75%;
    float: left;
    padding-left: 21px;
    padding-right: 19px;
    margin-bottom: 10px;
}


/* Left Top Content*/
.ContentBoxLeftTopContent
{
}

.TopContentBoxLeft
{
    float: left;
    font-size: 10px;
    color: #FF9900;
    text-decoration: none;
    vertical-align: bottom;
}
.TopContentBoxLeft a:link
{
    color: #78A130;
    text-decoration: underline;
}
.TopContentBoxLeft a:visited
{
    color: #78A130;
    text-decoration: underline;
}
.TopContentBoxLeft a:Hover
{
    color: #FF9900;
    text-decoration: underline;
}
.TopContentBoxRight
{
    width: 58px;
    float: right;
}

/* Left Bottom Content*/
.ContentBoxLeftBottomContent
{
    padding-top: 12px;
}
.ContentBoxLeft h1
{
    font-size: 14px;
    color: #78A130;
    padding-bottom: 15px;
    padding-top: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
.ContentBoxLeft ul
{
    padding-top: 20px;
    list-style-type: none;
}
.ContentBoxLeft li
{
    padding-top: 5px;
}

/* Right content */
.ContentBoxRight
{
    width: 20%;
    float: right;
}
.ContentBoxRightBody
{
    border: 1px solid #78A22F;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 2px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #EBECD9;
    font-size: 10px;
    margin-bottom: 5px;
}
.ContentBoxRightBody h2
{
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}
.ContentBoxRightBody ul
{
    list-style: none;
}
.ContentBoxRightBody li
{
    padding-top: 2px;
}
.ContentBoxRight a:link
{
    color: #56534F;
    text-decoration: underline;
    text-align: left;
}
.ContentBoxRight a:visited
{
    color: #56534F;
    text-decoration: underline;
}
.ContentBoxRight a:Hover
{
    color: #F8981D;
    text-decoration: underline;
}
.ContentBoxRight a:active
{
    color: #F8981D;
    text-decoration: underline;
}
.ContentBoxRightHeader
{
    background-color: #78A22F;
    background-repeat: repeat-y;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
}
.ContentBoxRightHeaderTitle
{
    float: left;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    overflow: hidden;
}
.Home2ContentBoxRightHeaderTitle
{
    float: left;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 4px;
    padding-left: 4px;
}
.ContentBoxRightHeaderIcon
{
    float: right;
    padding-left: 5px;
    padding-right: 5px;
}

.ContentBoxRightLink
{
    padding-top: 10px;
    text-align: right;
}

/* Footer */
#Footer
{
    height: 15px;
    width: 100%;
    clear: both;
    float: none;
    background-color: #757471;
    text-align: center;
}
#FooterNav
{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
#FooterNav li
{
    font-size: 10px;
    text-align: center;
    font-family: Verdana;
    color: #FFFFFF;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}
#FooterNav a:link
{
    text-decoration: none;
    color: #FFFFFF;
}
#FooterNav a:visited
{
    text-decoration: none;
    color: #FFFFFF;
}
#FooterNav a:Hover
{
    text-decoration: underline;
    color: #FFFFFF;
}
#FooterNav ul
{
    width: 100%;
    padding-top: 1px;
    list-style-type: none;
}


/* Content page */

/* Content Box */
#ContentPageContentBox
{
    background: url(../img/BG.gif) repeat-y 0 0;
}
#ContentPageContentBoxSpace
{
    background-color: #FFFFFF;
    width: 100%;
    height: 19px;
}
/* Left side Submenu */

/* Left content */
.ContentPageContentBoxLeft
{
    width: 75%;
    float: left;
    padding-bottom: 5px;
}
.ContentPageContentBoxLeftMenuHeader
{
    color: #FFFFFF;
    font-size: 11px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 3px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #F8981D;
}
.ContentPageContentBoxLeftMenu
{
    width: 163px;
    min-height: 100%;
    float: left;
    background: #7FA73A;
    border-top: 1px solid #C2CD23;
    border-left: 1px solid #C2CD23;
    border-right: 1px solid #C2CD23;
}
.ContentPageContentBoxLeftMenu a
{
    background-color: #7FA73A repeat-y scroll 100%;
    display: block;
    color: #FFFFFF;
    font-size: 9px;
    text-transform: uppercase;
    padding-left: 22px;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 3px;
    border-top: 1px solid #7FA73A;
    border-bottom: 1px solid #7FA73A;
}
.ContentPageContentBoxLeftMenu a:visited
{
    background-color: #7FA73A repeat-y scroll 100%;
    display: block;
    color: #FFFFFF;
    font-size: 9px;
    text-transform: uppercase;
    padding-left: 22px;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 3px;
}
.ContentPageContentBoxLeftMenu a:hover
{
    background-color: #F8981D;
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 22px;
    text-decoration: none;
    border-top: 1px solid #C2CD23;
    border-bottom: 1px solid #C2CD23;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ContentPageContentBoxLeftMenu ul
{
    list-style-type: none;
}
.ContentPageContentBoxLeftMenu li
{
    height: 25px;
}

/* Middle content */
.ContentPageContentBoxMiddle
{
    width: 75%;
    float: right;
}

/* Middle Top Content*/
.ContentPageContentBoxMiddleTopContent
{
}
.ContentPageTopContentBoxMiddle
{
    float: left;
    font-size: 10px;
    color: #FF9900;
    text-decoration: none;
    vertical-align: bottom;
}
.ContentPageTopContentBoxMiddle a:link
{
    color: #78A130;
    text-decoration: underline;
}
.ContentPageTopContentBoxMiddle a:visited
{
    color: #78A130;
    text-decoration: underline;
}
.ContentPageTopContentBoxMiddle a:Hover
{
    color: #FF9900;
    text-decoration: underline;
}
.ContentPageTopContentBoxRight
{
    width: 58px;
    float: right;
}

/* Left Bottom Content*/
.ContentPageContentBoxMiddleBottomContent
{
    padding-top: 12px;
    line-height: 18px;
}
.ContentPageContentBoxMiddleBottomContent ol
{
    margin: 0 !important;
    line-height: 18px;
    padding-left: 25px;
    border-bottom: 1px solid #FF9900;
    padding-bottom: 20px;
}
.ContentPageContentBoxMiddleBottomContent li
{
    margin: 0 !important;
    list-style: outside;
    text-indent: 1em;
}
.ContentPageContentBoxMiddleBottomContent dl
{
    line-height: 18px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.ContentPageContentBoxMiddleBottomContent dt
{
    font-weight: bold;
    padding-bottom: 5px;
}
.ContentPageContentBoxMiddleBottomContent dd
{
    padding-bottom: 15px;
}
.ContentPageContentBoxMiddle h1
{
    font-size: 14px;
    color: #78A130;
    padding-bottom: 15px;
    padding-top: 15px;
    font-weight: bold;
}
.ContentPageContentBoxMiddle ul
{
    padding-top: 20px;
    list-style-type: none;
}
.ContentPageContentBoxMiddle li
{
    padding-top: 5px;
}
.ContentPageContentBoxMiddleImage
{
    border: 2px solid #78A130;
    float: left;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Order Meal page */
/* Table Header */
.ContentBoxLeftBottomContentHeader
{
    width: 100%;
    background-color: #F8981D;
    height: 80px;
    margin-bottom: 10px;
}
.ContentBoxLeftBottomContentHeaderText
{
    width: 65%;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    height: 100%;
    position: relative;
    top: 35px;
    float: left;
    text-transform: uppercase;
    padding-left: 5px;
}

.ContentBoxLeftTopContentHeaderText
{
    width: 65%;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    height: 100%;
    position: relative;
    top: 5px;
    float: left;
    text-transform: uppercase;
    padding-left: 5px;
}

.ContentBoxLeftBottomContentHeaderImage
{
    float: right;
    padding-top: 2px;
    padding-right: 2px;
}

/* Table */
.ContentBoxLeftBottomContenttTable
{
    width: 100%;
    float: left;
    margin: 0px;
}
.ContentBoxLeftBottomContentTableTRGreenTitles
{
    font-size: 12px;
    padding: 0px;
    color: #78A22F;
    font-weight: bold;
    text-align: left;
    height: 20px;
}
.ContentBoxLeftBottomContentTableTDFirstItem
{
    width: 50%;
}
.ContentBoxLeftBottomContentTableTDGreenOtherItems
{
    text-align: center;
    width: 111px;
}
.ContentBoxLeftBottomContentTableTRGreyBG
{
    width: 100%;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    background-color: #C3BBBB;
    height: 15px;
}
.ContentBoxLeftBottomContentTableTDGreyBG
{
    padding-left: 2px;
}
.ContentBoxLeftBottomContentTableTRListItem
{
    width: 100%;
    font-size: 12px;
    color: #56534F;
    text-align: left;
    padding-left: 10px;
}
.ContentBoxLeftBottomContentTableTDFirtsListItem
{
    width: 90%;
    border-bottom: 1px solid #C3BBBB;
    padding-left: 10px;
}
.ContentBoxLeftBottomContentTableTDOtherListItems
{
    text-align: center;
    border-bottom: 1px solid #C3BBBB;
    width: 111px;
}
.ContentBoxLeftBottomContentTableTDFirtsLastListItem
{
    width: 65%;
    padding-left: 10px;
}
.ContentBoxLeftBottomContentTableTDOLastListItem
{
    text-align: center;
    width: 111px;
    font-weight: bold;
    border-bottom: 1px solid #C3BBBB;
}
.ContentBoxLeftBottomContentTableTRTotal
{
    width: 100%;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    background-color: #F8981D;
    height: 30px;
}
.ContentBoxLeftBottomContentTableTDTotalAmmount
{
    text-align: right;
    padding-right: 5px;
}
.ContentBoxLeftBottomContentTableTDTotal
{
    padding-left: 2px;
}
.ContentBoxLeftBottomContentTableTRSummary
{
    width: 100%;
    height: 30px;
    text-align: left;
}
.ContentBoxLeftBottomContentTableTDSummaryItems
{
    padding-right: 2px;
    font-size: 14px;
    font-weight: bold;
    color: #78A22F;
}
.ContentBoxLeftBottomContentTableTDSummary
{
    padding-left: 2px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}
.ContentBoxLeftBottomContentTableField
{
    text-align: center;
    font-weight: bold;
    height: 13px;
    margin-top: 1px;
    margin-bottom: 1px;
}
#SubmitOrder
{
    float: right;
}
#NutritionalSummary
{
    float: right;
    padding-right: 20px;
}


/* Order Meal Form Page */
.OrderForm
{
    width: 100%;
    background-color: #F4EEE5;
}
.OrderFormContentBoxLeftBottomContentHeader
{
    width: 100%;
    background-color: #F8981D;
    height: 25px;
}

.OrderFormContentBoxLeftBottomContentHeaderText
{
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
    text-transform: uppercase;
    margin-left: 3px;
}

/* Calendar */
#Calendar
{
    width: 300px;
    float: left;
    margin-top: 13px;
    margin-bottom: 31px;
}
.CalendarBox
{
    width: 66%;
    float: right;
}
.CalendarTitle
{
    font-size: 10px;
    color: #78A22F;
    text-align: left;
    float: left;
}
.CalendarBoxHeader
{
    background-color: #78A22F;
    height: 19px;
    font-size: 10px;
    color: #FFFFFF;
    padding-top: 5px;
}
.CalendarBoxHeaderTitle
{
    width: 82%;
    text-align: center;
    float: right;
}
#CalendarBoxHeaderArrowLeft
{
    text-align: center;
    float: left;
    width: 8%;
}
#CalendarBoxHeaderArrowRight
{
    text-align: center;
    float: right;
    width: 8%;
}
.CalendarBoxHeaderArrow:link
{
    text-decoration: none;
    color: #FFFFFF;
}
.CalendarBoxHeaderArrow:visited
{
    text-decoration: none;
    color: #FFFFFF;
}
.CalendarBoxHeaderArrow:hover
{
    text-decoration: none;
    color: #F8981D;
}
.CalendarBoxBody
{
    background-color: #FFFFFF;
    text-align: center;
    border: 1px solid #78A22F;
    font-size: 11px;
}
.CalendarBoxTable
{
    width: 100%;
}
.CalendarBoxBodyTRFirst
{
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
}
.CalendarBoxBodyTRSelected
{
    background-color: #757471;
    color: #FFFFFF;
    font-weight: bold;
}
.CalendarBoxBodyTD
{
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* Account Balance */
.OpeningBalance
{
    width: 180px;
    float: right;
    font-weight: bold;
    text-align: center;
    background-color: #EBECD9;
    border: 1px solid #78A22F;
    margin-top: 13px;
    margin-bottom: 31px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.OpeningBalanceMenuItems
{
    width: 180px;
    float: left;
    font-weight: bold;
    text-align: center;
    background-color: #EBECD9;
    border: 1px solid #78A22F;
    margin-top: 13px;
    margin-bottom: 31px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.OpeningBalanceButton
{
    padding-top: 10px;
    text-align: center;
}
.ClosingBalance
{
    width: 175px;
    float: left;
    font-weight: bold;
    text-align: center;
    background-color: #EBECD9;
    border: 1px solid #78A22F;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.SelectWeek
{
    text-align: center;
    background-color: #EBECD9;
    border: 1px solid #78A22F;
    padding: 10px;
}

/* Student Table */
#Student
{
    width: 100%;
    margin-bottom: 15px;
}

#StudentContentShadow
{
    /*position:relative; left:3px; right:3px; margin-right:3px; marign-bottom:3px;*/
}
/*#StudentContentShadow .shadow1  {position: relative;left:-1px;top:-1px;}
		#StudentContentShadow .shadow2 {position: relative;left:-1px;top:-1px;}
		#StudentContentShadow .shadow3 {position: relative;left:-1px;top:-1px;}
		#StudentContentShadow .container {position: relative;left:-1px;top:-1px;}*/
#StudentContentShadow .StudentContent
{
    background-color: #EBECD9;
    border: 1px solid #7DA536;
}
#StudentContentShadow .shadow1
{
    background-color: #E5DFD7;
    padding-bottom: 1px;
}
#StudentContentShadow .shadow2
{
    background-color: #C7C2BB;
    padding-bottom: 1px;
}
#StudentContentShadow .shadow3
{
    background-color: #5A5654;
    padding-bottom: 1px;
}

/* Student Right Side */
.StudentTop
{
    text-align: center;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #78A22F;
}
.StudentTop table
{
    list-style-type: none;
    float: right;
    width: 75%;
    margin-bottom: 5px;
}
.StudentTop tr
{
    width: 100%;
}
.StudentTopTDDate
{
    text-align: center;
    width: 90px;
}
.StudentTopTDViewMenu
{
    text-align: center;
    width: 85px;
}
.StudentTopTDCost
{
    text-align: center;
    width: 40px;
}
.StudentTopOrder
{
    width: 240px;
    text-align: center;
}
.StudentContentRight
{
    float: right;
    width: 75%;
    margin-right: 5px;
    margin-left: 5px;
}
.StudentContentRightTable
{
    border-top: 1px solid #78A22F;
    background-color: #FFFFFF;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 100%;
}
.StudentContentRightItems
{
    width: 100%;
    border-right: #78a22f 1px solid;
    border-left: #78a22f 1px solid;
}
.StudentContentRightTR
{
    height: 25px;
}
.StudentContentRightTD
{
    border-right: 1px solid #78A22F;
    text-align: center;
    border-bottom: 1px solid #C3BBBB;
}
.StudentContentRightTDOrders
{
    /*border-right: 1px solid #78A22F;*/
    text-align: center;
    border-bottom: 1px solid #C3BBBB;
    width: 340px;
}
.StudentContentRightLastTD
{
    text-align: center;
    border-bottom: 1px solid #C3BBBB;
    width: 30px;
    padding-left: 2px;
    padding-right: 2px;
}
.StudentContentRightSubTotal
{
    float: left;    
    width: 100%;
}

.StudentContentRightTRSubTotal
{
    background-color: #757471;
    border-top: 1px solid #78A22F;
    width: 100%;
    height: 20px;
}
.StudentContentRightTDSubTotal
{
    padding-left: 3px;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
}
.StudentContentRightTDSubTotalAmmount
{
    padding-right: 3px;
    color: #FFFFFF;
    text-align: right;
    font-weight: bold;
}
.StudentContentRightValueIcon
{
    width: 20px;
    float: right;
    margin: 1px;
}

/* Text Box Orders */
.StudentContentRightTextBox
{
    width: 314px;
    float: left;
    position: relative;
    top: 1px;
    bottom: 1px;
    left: 2px;
}

/*Student Left Side */
.StudentContentLeft
{
    float: left;
    width: 20%;
    font-size: 11px;
}
.StudentContentLeftImage
{
    border: 1px solid #F8981D;
    margin-bottom: 10px;
}
.StudentContentLeftTable
{
    width: 100%;
    margin: 5px;
}
.StudentContentLeftTrTitle
{
    color: #333333;
}
.StudentContentLeftTr
{
    color: #F8981D;
    font-weight: bold;
}
.StudentContentLeftTd
{
    padding-bottom: 10px;
}

/* Order Form Footer */
.OrderFormContentBoxLeftBottomContentFooter
{
    float: none !important;
    clear: both;
    width: 100%;
    background-color: #F8981D;
    height: 25px;
}
.OrderFormContentBoxLeftBottomContentFooterTextLeft
{
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
    text-transform: uppercase;
    margin-left: 3px;
    padding-top: 5px;
}
.OrderFormContentBoxLeftBottomContentFooterTextRight
{
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    float: right;
    text-transform: uppercase;
    margin-right: 3px;
    padding-top: 5px;
}

/* Content area footer */
.ContentLeftFooter
{
    float: none !important;
    clear: both;
    width: 100%;
    margin-top: 10px;
}


/* Parent/Student Profile Page */
.ProfilePageContentBoxMiddle
{
    width: 75%;
    float: right;
}
.ProfilePageContentBoxMiddleBottomContent
{
    padding-top: 12px;
}
.ProfilePageBg
{
    background-color: #F4EEE5;
    width: 100%;
}
.ProfilePageBgSpace
{
    background-color: #F4EEE5;
    width: 100%;
    height: 5px;
}
.ProfilePageBgHeader
{
    width: 100%;
    background-color: #F8981D;
    height: 25px;
}
.ProfilePageBgHeaderText
{
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
    text-transform: uppercase;
    padding-left: 3px;
}
#ProfilePageProfileContentShadow
{
    position: relative;
    left: 3px;
    right: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}
#ProfilePageProfileContentShadow .shadow1
{
    position: relative;
    left: -1px;
    top: -1px;
}
#ProfilePageProfileContentShadow .shadow2
{
    position: relative;
    left: -1px;
    top: -1px;
}
#ProfilePageProfileContentShadow .shadow3
{
    position: relative;
    left: -1px;
    top: -1px;
}
#ProfilePageProfileContentShadow .container
{
    position: relative;
    left: -1px;
    top: -1px;
}
#ProfilePageProfileContentShadow .ProfilePageProfileContent
{
    background-color: #EBECD9;
    border: 1px solid #7DA536;
    position: relative;
    top: 0px;
    margin-top: 10px;
}
#ProfilePageProfileContentShadow .shadow1
{
    background-color: #E5DFD7;
}
#ProfilePageProfileContentShadow .shadow2
{
    background-color: #C7C2BB;
}
#ProfilePageProfileContentShadow .shadow3
{
    background-color: #5A5654;
}
.ProfilePageProfileContentTitle
{
    font-size: 14px;
    color: #F8981D;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
}
.ProfilePageProfileContentForm
{
    font-size: 11px;
    width: 100%;
}
.ProfilePageProfileContentForm table
{
    width: 95%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.ProfilePageProfileContentForm tr
{
    width: 100%;
}
.ProfilePageProfileContentFormTD
{
    width: 30%;
    text-align: right;
}

.CheckoutPageProfileContentForm
{
    font-size: 11px;
    width: 100%;
}
.CheckoutPageProfileContentForm table
{
    width: 95%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.CheckoutPageProfileContentForm tr
{
    width: 100%;
}
.CheckoutPageProfileContentFormTD
{
    text-align: left;
    width: 30%;
}
.CheckoutPageProfileContentFormTDRadio
{
    text-align: left;
    width: 2%;
}

.ReceiptPageProfileContentFormTable
{
    width: 95%;
    background: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #78A22F;
    padding-top: 10px;
    padding-bottom: 10px;
}
.ReceiptPageProfileContentFormTD
{
    text-align: center;
    font-weight: bold;
    width: 20%;
}
.ReceiptPageProfileContentFormTDLast
{
    text-align: center;
    font-weight: bold;
    width: 35%;
}
.ReceiptPageProfileContentFormTDdetails
{
    text-align: center;
}
.ReceiptPageProfileContentFormSubHeader
{
    padding: 20px 10px 0px 20px;
    color: #78A22F;
    font-weight: bold;
}

.NewAccountFormTD
{
    width: 30%;
    text-align: center;
    padding-top: 10px;
}
.ProfilePageProfileContentFormTopUp
{
    width: 30%;
    text-align: left;
}
.ProfilePageProfileContentFormAccount
{
    font-weight: bold;
    color: #F8981D;
    text-align: left;
    line-height: 30px;
}
.ProfilePageProfileContentFormRight
{
    text-align: left;
    font-size: 9px;
    width: 40%;
}
.ProfilePageStudentGroup
{
    width: 100%;
    margin-bottom: 10px;
}
.ProfilePageStudent
{
    width: 120px;
    background-color: #FFFFFF;
    border: 1px solid #78A22F;
    text-align: center;
    margin: 5px;
    padding-bottom: 5px;
    float: left;
    width: 22%;
}
.ProfilePageStudentText
{
    color: #F8981D;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
}
.ProfilePageStudentImage
{
    border: 1px solid #F8981D;
    margin: 5px;
}
.ProfilePageStudentCreate
{
    width: 96%;
    float: left;
    border: 1px solid #F8981D;
    margin: 5px;
    padding: 2px;
    font-size: 10px;
    font-weight: bold;
}
.ProfilePageStudentButton
{
    padding: 10px;
    text-align: center;
    float: right;
}

/* Banned Food page */
.BannedFoodContentBoxLeftBottomContentHeaderText
{
    width: 50%;
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    height: 100%;
    float: left;
    position: relative;
    top: 5px;
    text-transform: uppercase;
    padding-left: 5px;
}

.BannedFoodContentBoxLeftBottomContentHeaderTextPopup
{
    width: 50%;
    font-size: 15px;
    color: #ffffff;
    float: left;
    font-weight: bold;
    top: 5px;
    text-transform: uppercase;
    padding-left: 5px;
}

/* Banned Food Table */
.BannedFoodContentBoxLeftBottomContentTableTDOLastListItem
{
    text-align: right;
    font-weight: bold;
    border-bottom: 1px solid #C3BBBB;
    padding-right: 20px;
}
.BannedFoodContentBoxLeftBottomContentTableTDGreenOtherItems
{
    text-align: right;
    padding-right: 5px;
}
.BannedFoodContentBoxLeftBottomContentTableTRSummary
{
    width: 100%;
    height: 50px;
    text-align: left;
}


/* Home */
#homeMidContent
{
    width: 360px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 15px 0px 15px;
}
#LoginBGShadow
{
    width: 360px;
    position: relative;
    left: 3px;
    right: 3px;
    margin-right: 3px;
    marign-bottom: 3px;
}
#LoginBGShadow .shadow1
{
    position: relative;
    left: -1px;
    top: -1px;
}
#LoginBGShadow .shadow2
{
    position: relative;
    left: -1px;
    top: -1px;
}
#LoginBGShadow .shadow3
{
    position: relative;
    left: -1px;
    top: -1px;
}
#LoginBGShadow .container
{
    position: relative;
    left: -1px;
    top: -1px;
}
#LoginBGShadow .LoginContentBG
{
    background-color: #EBECD9;
    position: relative;
    top: 0px;
    padding: 10px 10px 7px 10px;
}
#LoginBGShadow .shadow1
{
    background-color: #78A22F;
}
#LoginBGShadow .shadow2
{
    background-color: #668A28;
}
#LoginBGShadow .shadow3
{
    background-color: #42591A;
}

#LoginBGShadow .LoginContentBG h2
{
    font-size: 16px;
    font-weight: 900;
}
#LoginBGShadow .LoginContentBG p
{
    font-size: 11px;
    line-height: 16px;
    padding: 0px 0px 15px 0px;
}
.LoginHeader
{
    background: #F8981D;
    height: 25px;
    margin: 0px 2px 6px 2px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-left: 5px;
}
.LoginContent
{
    width: 336px;
    height: 171px;
    background: #EBECD9 url(../img/Shadow.gif) top left no-repeat;
    padding: 3px;
}
.LoginContentTable
{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    font-size: 11px;
}
.LoginContentTD
{
    text-align: right;
}
.LoginContentError
{
    color: #FF0000;
    padding-bottom: 10px;
    font-size: 10px;
}
.LoginContentLink
{
    text-align: right;
    font-size: 10px;
    padding-bottom: 10px;
}
.LoginButton
{
    text-align: right;
    padding: 10px 0px 15px 0px;
}


/* Home 2 */
.RightLoginTable
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* Pop-Up Windows */
.PopUpTable
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    font-size: 11px;
    background-color: #ffdab9;
    border-right: #ff4500 1px solid;
    border-top: #ff4500 1px solid;
    border-left: #ff4500 1px solid;
    border-bottom: #ff4500 1px solid;
}
.PopUpTableTD
{
    text-align: right;
}
.PopUpHeader
{
    background: #F8981D;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    margin-top: 10px;
}
.PopUpTableError
{
    color: #FF0000;
    padding-bottom: 10px;
}
.PopUpTableLink
{
    text-align: right;
    font-size: 10px;
    padding-bottom: 10px;
}

.PopUpHeaderError
{
    color: #ff0000;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    margin-top: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    background-position: 0% 0%;
    background-attachment: scroll;
    background-image: none;
    background-repeat: repeat;
}



/* Reports */
#ReportMidContent
{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 15px 30px 15px;
}
#ReportBGShadow
{
    width: 950px; ;position:relative;left:3px;right:3px;margin-right:3px;marign-bottom:3px;}
#LoginBGShadow .shadow1
{
    position: relative;
    left: -1px;
    top: -1px;
}
#ReportBGShadow .shadow2
{
    position: relative;
    left: -1px;
    top: -1px;
}
#ReportBGShadow .shadow3
{
    position: relative;
    left: -1px;
    top: -1px;
}
#ReportBGShadow .container
{
    position: relative;
    left: -1px;
    top: -1px;
}
#ReportBGShadow .LoginContentBG
{
    background-color: #EBECD9;
    position: relative;
    top: 0px;
    padding: 40px 10px 7px 10px;
}
#ReportBGShadow .shadow1
{
    background-color: #78A22F;
}
#ReportBGShadow .shadow2
{
    background-color: #668A28;
}
#ReportBGShadow .shadow3
{
    background-color: #42591A;
}
.ReportHeader
{
    background: #F8981D;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    margin-top: 10px;
    font-size: 14px;
}
.ReportTable
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    font-size: 12px;
}
.ReportTableFirstTD
{
    border-bottom: 1px solid #C3BBBB;
    font-size: 12px;
    font-weight: bold;
    color: #78A130;
    line-height: 25px;
    text-align: center;
    font-size: 9px;
}
.ReportTableItemsTD
{
    width: 15%;
    border-bottom: 1px solid #C3BBBB;
    border-right: 1px solid #C3BBBB;
    text-align: center;
    font-size: 10px;
    height: 20px;
}
.ReportTableItemsLastTD
{
    width: 15%;
    border-bottom: 1px solid #C3BBBB;
    text-align: center;
    font-size: 10px;
    height: 20px;
}
.ReportTableTotalTD
{
    border-bottom: 1px solid #C3BBBB;
    text-align: right;
    padding-right: 3px;
}
.ReportTableItemsGreenTD
{
    width: 15%;
    border-bottom: 1px solid #C3BBBB;
    border-right: 1px solid #C3BBBB;
    text-align: center;
    background: #78A130;
}
.ReportTableItemsOrangeTD
{
    width: 15%;
    border-bottom: 1px solid #C3BBBB;
    border-right: 1px solid #C3BBBB;
    text-align: center;
    background: #F8981D;
}
.ReportTableItemsRedTD
{
    width: 15%;
    border-bottom: 1px solid #C3BBBB;
    border-right: 1px solid #C3BBBB;
    text-align: center;
    background: #CC0000;
}
.ReportTableItemsLastGreenTD
{
    width: 15%;
    border-bottom: 1px solid #C3BBBB;
    text-align: center;
    background: #78A130;
}
.ReportTableItemsLastOrangeTD
{
    width: 15%;
    border-bottom: 1px solid #C3BBBB;
    text-align: center;
    background: #F8981D;
}
.ReportTableItemsLastRedTD
{
    width: 15%;
    border-bottom: 1px solid #C3BBBB;
    text-align: center;
    background: #CC0000;
}
/* Reports Selection form */
.ReportSelectionForm
{
    font-size: 11px;
    width: 100%;
    margin-top: 15px;
}
/*.ReportSelectionForm p {text-align:right;}*/
.tableGroup
{
    margin: 0;
    padding: 0;
    width: 95%;
    margin-left: 10px;
}
.ReportSelectionFormSubHeader
{
    padding: 10px 10px 0 10px;
    text-align: left;
}
.ReportSelectionFormNote
{
    font-size: 9px;
    text-align: left;
}
.ReportSelectionFormCalendarIcon
{
    vertical-align: bottom;
}

.ReportOrdersSchedule
{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #78A22F;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 2px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #EBECD9;
    font-size: 10px;
    margin-bottom: 5px;
}
.ReportOrdersScheduleTD
{
    border: 1px solid #78A22F;
    padding-left: 5px;
}
.ReportOrdersScheduleTD SPAN
{
    padding-right: 5px;
    word-wrap: break-word;
    width: 100px;
    line-height: 130%;
}
.ReportOrdersScheduleNoBorder
{
    border-style: none;
}

.ReportNutritionTD
{
    font-size: 10px;
}
/* Search results */
.TopBanner
{
    background: #FF9900;
    height: 20px;
    width: 100%;
}
.TopBannerTitle
{
    font-size: 12px;
    color: #FFFFFF;
    padding-left: 5px;
    padding-top: 3px;
    float: left;
    font-weight: bold;
}
.TopBannerPages
{
    font-size: 10px;
    color: #FFFFFF;
    padding-right: 5px;
    padding-top: 3px;
    float: right;
}
.TopBannerPages a
{
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}
.TopBannerPages a:visited
{
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}
.TopBannerPages a:Hover
{
    color: #78A22F;
    text-decoration: none;
    font-weight: bold;
}
.Result
{
    border-bottom: 1px solid #C3BBBB;
    padding-bottom: 10px;
    padding-top: 5px;
}
.Result a
{
    color: #78A22F;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana;
    padding-top: 5px;
    text-decoration: underline;
}
.Result a:visited
{
    color: #78A22F;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana;
    padding-top: 5px;
    text-decoration: underline;
}
.Result a:hover
{
    color: #FF9900;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana;
    padding-top: 5px;
    text-decoration: none;
}
.ResultMore a
{
    float: right;
    text-transform: underline;
    font-size: 10px;
}
.ResultMore a:visited
{
    float: right;
    text-transform: underline;
    font-size: 10px;
}
.ResultMore a:hover
{
    float: right;
    font-size: 10px;
}

/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/*.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: #78A130;
	padding: 3px;
}*/

.modalpopup
{
    padding: 2px 3px;
    display: block;
    position: absolute;
}

.modalPopupContainer
{
    width: 300px;
    border: solid 1px #808080;
    border-width: 1px 0px;
}

.modalPopupContainerLarge
{
    width: 550px;
    border: solid 1px #808080;
    border-width: 1px 0px;
}

.modalPopupContainerBanItem
{
    width: 600px;
    border: solid 1px #808080;
    border-width: 1px 0px;
}

.modalPopupContainerNutrition
{
    width: 600px;
    border: solid 1px #808080;
    border-width: 1px 0px;
}

.modalPopupContainerOrderConfirm
{
    width: 450px;
    border: solid 1px #808080;
    border-width: 1px 0px;
}

.modalPopupHeader
{
    background: url(/global/img/sprite.png) repeat-x 0px -200px;
    color: #000;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 3px 10px;
}

.modalPopupHeader .msg
{
    font-weight: bold;
}

.modalPopupBody
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
}

.modalPopupBody .msg
{
    background: url(/global/img/sprite.png) no-repeat 0px -1200px;
    height: 20px;
    float: left;
    padding-left: 22px;
    padding-right: 22px;
}

.modalPopupBody .msg_no_icon
{
    float: left;
    padding-left: 22px;
    padding-right: 22px;
}

.modalPopupFooter
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: none solid;
    border-width: 0px 1px;
    text-align: right;
    padding-bottom: 8px;
    padding-right: 8px;
}

.modalPopupClose
{
    right: 5px;
    background: url(/global/img/sprite.png) no-repeat 0px -300px;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 4px;
    height: 15px;
}

.modalFooterButton
{
    text-align: center;
    font-weight: bold;
}

/*Modalpopup order cut off time */
.modalPopupContainerCutOffTime
{
    width: 300px;
    border: solid 1px #808080;
    border-width: 1px 0px;
}

.modalPopupHeaderCutOffTime
{
    background: url(/global/img/CommonBg.jpg) repeat-x 0px -44px;
    color: #000;
    border-color: #808080 #808080 #808080;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 2px 10px;
}

.modalPopupCloseCutOffTime
{
    right: 5px;
    background: url(/global/img/sprite.png) no-repeat 0px -300px;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    height: 15px;
}

.modalPopupBodyCutOffTime
{
    background-color: #ffffff;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 8px;
}

.modalPopupBodyCutOffTime .msg
{
    background: url(/global/img/sprite.png) no-repeat 0px -1200px;
    height: 20px;
    float: left;
    padding-left: 22px;
    padding-right: 22px;
}

.modalPopupFooterCutOffTime
{
    background-color: #F8981D;
    border-color: #808080;
    border-style: none solid;
    border-width: 0px 1px;
    text-align: right;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    font-weight: bold;
    color: #ffffff;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_close_left, #JT_close_right
{
    font-size: 1.1em;
}
#JT_copy p, #JT_copy ul
{
    font-size: 1.1em;
}

#JT_arrow_left
{
    background-image: url(/global/img/arrow_left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index: 101;
    left: -12px;
    height: 23px;
    width: 10px;
    top: -3px;
}

#JT_arrow_right
{
    background-image: url(/global/img/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index: 101;
    height: 23px;
    width: 11px;
    top: -2px;
}

#JT
{
    position: absolute;
    z-index: 100;
    border: 2px solid #CCCCCC;
    background-color: #fff;
}

#JT_copy
{
    padding: 10px 10px 10px 10px;
    color: #333333;
}

.JT_loader
{
    background-image: url(/global/img/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 12px;
}

#JT_close_left
{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight: bold;
}

#JT_close_right
{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight: bold;
}

#JT_copy p
{
    margin: 3px 0;
}

#JT_copy img
{
    padding: 1px;
    border: 1px solid #CCCCCC;
}

.jTip
{
    cursor: help;
}


/* Telerik RadCalendar business skin */

.calendarWrapper_Business
{
    border: solid 1px #78a22f;
    cursor: default;
    font: normal 12px Verdana;
    color: #686868; /*filter: progid:DXImageTransform.Microsoft.dropShadow(Color=c7c7a9,offX=4,offY=4,positive=true);*/
    width: 98%; /*background: #fffff2 url('/global/img/CommonBg.jpg') repeat-x;*/
}

.calendarWrapper_Business table
{
    width: 100%; /*border-top: #78a22f 1px solid;*/
    border-right: #78a22f 1px solid;
    border-left: #78a22f 1px solid;
    border-bottom: #78a22f 1px solid;
}

.calendarWrapper_Business
{
    font: 11px Verdana;
    color: #5e5d41;
    cursor: default;
    border-right: #78a22f 1px solid;
    border-top: #78a22f 1px solid;
    border-left: #78a22f 1px solid;
    border-bottom: #78a22f 1px solid;
    text-align: right;
}

.calendarWrapper_Business td
{
    text-align: right;
    vertical-align: top;
}

.radCalDefault_Business, .radCalWeekendDefault_Business
{
    background: #f9f8e0;
    width: 120px;
    height: 120px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #dadaa2;
    text-align: right;
}

.radCalHover_Business, .radCalWeekendHover_Business
{
    width: 120px;
    height: 120px;
    font: normal 11px Verdana;
    background: #fffff2;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #dadaa2;
}

.radCalSelect_Business, .radCalWeekendSelect_Business
{
    font: normal 11px Verdana;
    background: #e5e4cc;
    width: 120px;
    height: 120px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #dadaa2;
}

.DaysOfWeek_Business
{
    color: black;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    height: 120px;
    width: 110px;
    border-right: #78a22f 1px solid;
    border-top: #78a22f 1px solid;
    border-left: #78a22f 1px solid;
    border-bottom: #78a22f 1px solid;
}

.otherMonth_Business
{
    color: #dadada;
    font: normal 11px Verdana;
    width: 120px;
    height: 120px;
    border-top: #78a22f 1px solid;
    border-left: #78a22f 1px solid;
    border-right: #78a22f 1px solid;
    border-bottom: #78a22f 1px solid;
    background-color: #fffff2;
    cursor: default;
    text-align: right;
}

.outOfRange_Business
{
    color: #dadada;
    font: normal 11px Verdana;
    width: 120px;
    height: 120px;
    border-top: solid 1px #f9f9f9;
    border-left: solid 1px #f9f9f9;
    border-right: solid 1px #f2f2f2;
    background: #f9f8e0;
    cursor: default;
    text-align: right;
}

.titlebar_Business
{
    /*color: #fff;     font: bold 13px Verdana;     cursor: default;     text-align: center;     border: solid 1px #146ea6;     height: 29px;*/
    display: none;
}

.titlebar_Business td
{
    vertical-align: top;
}

.titlebar_Business td img
{
    width: 22px;
    height: 19px;
    float: left;
}

.TableLayout_Business
{
    /*table-layout: fixed;*/
    text-align: right;
}

.TableLayout_Business td
{
    padding: 0px;
    border-right: #78a22f 1px solid;
    border-top: #78a22f 1px solid;
    border-left: #78a22f 1px solid;
    border-bottom: #78a22f 1px solid;
}

/* cell links */

.radCalDefault_Business a, .radCalWeekendDefault_Business a
{
    color: #000000;
    font: bold 10px Verdana;
    cursor: default;
    text-decoration: none;
    padding-top: 3px;
    padding-right: 3px;
    display: block;
    text-align: right;
}

.radCalDefault_Business img, .radCalHover_Business img, .radCalSelect_Business img, .radCalWeekendDefault_Business img, .radCalWeekendHover_Business img, .radCalWeekendSelect_Business img
{
    float: right;
    text-align: right;
    font-weight: bold;
    height: 130px;
    width: 130px;
}

.radCalHover_Business a, .radCalWeekendHover_Business a
{
    color: #000000;
    font: bold 10px Verdana;
    cursor: default;
    text-decoration: none;
    padding-top: 3px;
    padding-right: 3px;
    display: block;
    text-align: right;
}

.radCalSelect_Business a, .radCalWeekendSelect_Business a
{
    color: #000000;
    font: bold 10px Verdana;
    cursor: default;
    text-decoration: none;
    padding-top: 3px;
    padding-right: 3px;
    display: block;
    text-align: right;
}

/* cell links end */


.radPopupImage_Business
{
    position: relative;
    position: inherit; /*IE fix*/
    outline: none;
}

.radPopupImage_Business img
{
    vertical-align: middle;
    _vertical-align: top; /* IE fix */
    margin-left: 2px;
    margin-right: 2px;
    margin-top: -1px; /* IE margins fix */
    _margin-top: 0px;
    border-width: 0px;
}

.radDisabled_Business img
{
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.otherMonth_Business a, .otherMonth_Business a:hover
{
    color: #dadada;
    text-decoration: none;
    padding-top: 3px;
    padding-right: 0px;
    display: block;
    text-align: right;
}

.pickerWrapper_Business
{
    vertical-align: bottom;
}
.radPopupImage_Business
{
    position: relative;
    _position: inherit;
    outline: none;
}
* + html .radPopupImage_Business
{
    position: inherit;
}

.radPopupImage_Business img
{
    padding-left: 2px;
}
.pickerWrapper_Business table, .pickerWrapper_Business td
{
    padding: 0;
    margin: 0;
    border-right: #000099 10px solid;
    border-top: #000099 10px solid;
    border-left: #000099 10px solid;
    border-bottom: #000099 10px solid;
}

/* Photo frame */
.photoframe
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.photoframe li
{
    margin: 10px;
    padding: 0;
    float: left;
    position: relative;
    width: 180px;
    height: 130px;
}
.photoframe img
{
    background: #fff;
    padding: 4px;
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
}

.photoframe a
{
    text-decoration: none;
}

.obj_invisible
{
    display: none;
}

.StudentContentOrderCutOffTimeL
{
    height: 26px;
    border-top: #78A22F 1px solid;
    border-left: #78A22F 1px solid;
    border-bottom: #78A22F 1px solid;
}

.StudentContentOrderCutOffTimeR
{
    height: 26px;
    border-right: #78A22F 1px solid;
    border-top: #78A22F 1px solid;
    border-bottom: #78A22F 1px solid;    
}

.StudentCanOrderL
{
    height: 26px;
    border-left: #78A22F 1px solid;
    border-bottom: #78A22F 1px solid;
}

.StudentCanOrderR
{
    height: 26px;
    border-right: #78A22F 1px solid;
    border-bottom: #78A22F 1px solid;
}




/*CollapsiblePanel*/
.collapsePanel
{
    background: #ffffff;
    padding: 4px;
    margin: 8px;
    border-right: #d3d3d3 1px solid;
    border-top: #d3d3d3 1px solid;
    border-left: #d3d3d3 1px solid;
    border-bottom: #d3d3d3 1px solid;
}

.collapsePanel span
{
    width: 28px;
    height: 21px;
    display: block;
    position: relative;
    top: 0px;
    left: 660px;
    background: url(/global/img/pin.png) no-repeat;
}
.collapsePanelInner
{
    background: #ffe4b5;
    padding: 16px;
    margin: 1px;
}

.collapsePanelFrame
{
    border-top: #F4EEE5 2px solid;
    border-right: #F4EEE5 2px solid;
    border-left: #F4EEE5 2px solid;
    border-bottom: #F4EEE5 2px solid;
    background-color: #f4eee5;
}
.collapsePanelHeader
{
    width: 100%;
    background-color: #F8981D;
    height: 25px;
}

/*Change school login*/
.StudentProfileChangeSchoolMiniLogin
{
    border-right: #a9a9a9 1px solid;
    padding-right: 3px;
    border-top: #a9a9a9 1px solid;
    padding-left: 3px;
    padding-bottom: 8px;
    border-left: #a9a9a9 1px solid;
    padding-top: 8px;
    border-bottom: #a9a9a9 1px solid;
    width: 70%;
    margin: 8px 3px 5px;
    background-color: #ffffff;
}


.GreenScrollBars
{
    float: left;
    scrollbar-base-color: #78A22F;
}