body
{
    margin: 0px;
    color: #fff;
    background-color: #343434;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
}
.navigation a.navigation:active, a.navigation:link, a.navigation:visited
{
    color: #ffffff;
    text-decoration: none;
    
}
.navigation a.navigation:hover, a.navigation:visited:hover
{
    color: #ffffff;
    text-decoration: underline;
    
}
h3
{
    font-size: 18px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: normal;
}
.main
{
     position: relative;
     width: 980px;
     margin-left: auto;
     margin-right: auto;
}
.main-menu
{
    color: #fff;
    font-size: 14px;
    background-image: url(/resources/images/site/theproductionkitchen_03.png);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    height: 31px;
}
.main-navigation
{
    margin-top: 3px;
    display: block;
    margin-left: 30px;
    float: left;
    clear: none;
}
.navigation a:active, a:link, a:visited
{
    color: #ffffff;
    text-decoration: none;
    text-align: center;
}
.navigation a:hover, a:visited:hover
{
    color: #ffffff;
    text-decoration: underline;
    
}
.main-login
{
    margin-top: 3px;
    display: block;
    margin-right: 30px;
    float: right;
    clear: none;
}
.main-body
{
    position: relative;
    width: 980px;
    background-image: url(/resources/images/site/theproductionkitchen_05.png);
    background-repeat: repeat-y;
}
.main-body-content
{
    position: relative;
    width: 980px;
    background-image: url(/resources/images/site/theproductionkitchen_04.png);
    background-repeat: no-repeat;
    background-position: top;
}
.main-body-content-placeholder
{
    position: relative;
    padding: 10px 0px 10px 0px;
    margin: 0px 30px 0px 30px;
}
.global-footer
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 10px;
}
.interior-menu
{
    position: relative;
    width: 980px;
    color: Black;
    padding: 12px 30px 7px 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    background-image: url(/resources/images/site/interior-menu.png);
    background-repeat: no-repeat;
}

/*Account Messages*/
.account-messages
{
    position: relative;
    margin: 0px 10px 0px 10px;
    width: 920px;
    color: Black;
    padding: 20px;
    background-color: #96ff00;
    top: 0px;
    left: 0px;
}
.message-status
{
    height: 25px;
    width: 25px;
    float: left;
    clear: none;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    margin-right: 7px;
}
.message-from
{
    height: 25px;
    width: 100px;
    float: left;
    clear: none;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    padding-top: 4px;
}
.message-subject
{
    height: 25px;
    width: 300px;
    float: left;
    clear: none;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    padding-top: 4px;
}
.message-datetime
{
    height: 25px;
    width: 60px;
    float: left;
    clear: none;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    padding-top: 4px;
}

.message-pop-up
{
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -150px;
    width: 500px;
    height: 300px;
    z-index: 99;
    color: #000000;
    text-align: center;
    font-size: 12px;
    background-color: #ffffff;
    vertical-align: middle;
    padding: 30px;
}

/*Scheduling*/
.loading-pop-up
{
    vertical-align: middle;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -100px;
    width: 200px;
    height: 200px;
    z-index: 99;
    color: #000000;
    text-align: center;
    font-size: 18px;
}
.loading-overlay
{
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 98;
    background: url(/resources/images/site/overlay.png);
    text-align: center;
}

.weekly-time
{
    width: 100%;
    height: 40px;
}
.weekly-time-open
{
    width: 14%;
    background-color: White;
}
.weekly-time-pending
{
    width: 14%;
    background-color: Orange;
}
.weekly-time-approved
{
    width: 14%;
    background-color:  #96ff00;
}
.weekly-time-admin
{
    width: 14%;
    background-color: #ff0000;
}
.time-of-day-row
{
    color: #000000;
    display: inline-block;
    width: 100%;
    height: 30px;
    float: left;
    clear: left;
    background-color: #fff;
}
.time-of-day-row-selected
{
    color: #000000;
    display: inline-block;
    width: 100%;
    height: 30px;
    float: left;
    clear: left;
    background-color: Yellow;
}

.time-of-day-row-pending
{
    color: #000000;
    display: inline-block;
    width: 100%;
    height: 30px;
    float: left;
    clear: left;
    background-color: Orange;
}
.time-of-day-row-approved
{
    color: #000000;
    display: inline-block;
    width: 100%;
    height: 30px;
    float: left;
    clear: left;
    background-color: #96ff00;
}

.time-of-day-row-pending-other-member
{
    color: #000000;
    display: inline-block;
    width: 100%;
    height: 30px;
    float: left;
    clear: left;
    background-color: #ffe698;
}

.time-of-day-row-approved-other-member
{
    color: #000000;
    display: inline-block;
    width: 100%;
    height: 30px;
    float: left;
    clear: left;
    background-color: #dedede;
}
.time-of-day-row-cannot-schedule
{
    color: #000000;
    display: inline-block;
    width: 100%;
    height: 30px;
    float: left;
    clear: left;
    background-color: #666;
}
.time-of-day
{
    font-size: 10px;
    display: inline-block;
    width: 30%;
    background-color: #ccc;
    color: #000000;
    height: 30px;
    text-align: right;
    float: left;
    clear: none;
}
.time-of-day-selection
{
    float: left;
    clear: none;
    width: 60%;
    height: 30px;
}
.time-open
{
    border: 0px;
    width: 100%;
    height: 30px;
}

/*Member Events*/
.member-month-calendar
{
    float: left;
    clear: left;
    display: inline-block;
    width: 200px;
}
.member-day-calendar
{
    float: left;
    clear: none;
    display: inline-block;
}
.member-event
{
    float: left;
    clear: none;
    width: 600px;
}
.member-event-signup
{
    background-color: #333;
    float: left;
    clear: left;
    display: inline-block;
}
.member-event-details
{
    float: left;
    clear: none;
    display: inline-block;
}

/*Ecommerce*/
.store-department
{
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border: solid 1px #cccccc;
}
.ProductKey-Input
{
    font-size: 14pt;
    width: 400px;
}

/* Login */
.login
{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    border: solid 2px #ccc;
    padding: 7px;
}
.user-login
{
    float: left;
    clear: none;
}
.forgot-password
{
    float: left;
    clear: none;
    margin-left: 10px;
}

/* Accordion */
.accordionHeader
{
    margin-top: 5px;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
}
 
#master_content  a.accordionHeader
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content  a.accordionHeader:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    margin-top: 5px;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
}
 
#master_content  a.accordionHeaderSelected
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content  a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    color: #000;
    background-color: #D3DEEF;
    border-top: none;
    padding: 10px 5px 5px 5px;
}

.accordionContent a:link, a:visited
{
    color: Blue;
    text-decoration: none;
}

.accordionContent a:hover, a:visited:hover
{
    color: Blue;
    text-decoration: underline;
}

a:link, a:visited, a:active
{
    color: #FFCC00;
}

a:hover, a:visited:hover
{
    color: #FFCC00;
    text-decoration: underline;
}

/* Dataviews */
.gridview-header
{
    text-align: left;
    font-weight: bold;
}