﻿/* Common */
body
{
    margin: 0;
    padding: 0;
    background: #z;
}
.note
{
    font-size: 11px;
}
.notehighlightcenter
{
    font-size: 11px;
    color: #ffffff;
    background-color: #f49915;
    text-align: center;
    margin-right: 10px;
}

.notehighlight
{
    font-size: 11px;
    color: #ffffff;
    background-color: #f49915;    
    padding: 0px 10px 0px 10px;
    
}
.tableheight
{
    height: 25px;
    text-align: left;
    padding-bottom: 5px;
}

.form
{
    margin: 0px;
    text-align: left;
}
img
{
    border: 0;
}
DIV
{
    line-height: 1.5em;
}

H1
{
    font-size: 20px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0px;
}
H2
{
    font-size: 15px;
    font-weight: bold;
}
H3
{
    font-size: 14px;
    font-weight: normal;
}
H4
{
    font-size: 12px;
    font-weight: bold;
}
H5
{
    font-size: 12px;
    font-weight: bold;
}
H2, H3, H4, H5
{
    margin-bottom: 5px;
}
H1 + H2, H2 + H3, H3 + H4, H4 + H5
{
    margin-top: 10px;
}
P + H1, P + H2, P + H3, P + H4, P + H5
{
    margin-top: 10px;
}
P
{
    line-height: 1.5em;
    margin-top: 0px;
}
#listarrow li
{
    list-style: none;
    background: url(/Themes/images/common/arrows.gif) no-repeat left;
    padding: 0px 0px 1px 16px;
    margin: 0px 0px 3px -20px;
}
.displayimage
{
    border: solid 1px #f49915;
}
hr
{
    border: solid 1px #f49915;
}
.whitehr
{
    border: solid 1px #fff;
}
.bluebutton
{
    width: 79px;
    height: 26px;
    border: solid 1px #000;
    background-color: #346F97;
    color: #fff;
    font-weight: bold;
}
.textbox
{
    border: 1px solid #346F97;
    height: 16px;
    padding: 4px 8px;
}
.dropdown
{
    border: 1px solid #346F97;
    height: 27px;
    padding: 4px 8px;
}
.listbox
{ 
    border: 1px solid #346F97;    
    padding: 4px 8px;
}
.memberhomediv
{
    padding-left: 15px;
}
.successupdatepanel
{
    padding: 10px 10px 10px 10px;
    color: Green;
    background: #F0F6F9;
    border: 1px solid #346F97;        
}
.failedupdatepanel
{
    padding: 10px 10px 10px 10px;
    color: Red;
    background: #F0F6F9;
    border: 1px solid #346F97;        
}
.redtext
{
    color:Red;
}
/* End Common */

/* Menu Item */
.menu td
{
    font: 14px Tahoma, Arial, Geneva, sans-serif;
    color: #ffffff;
}
.menu a
{
    color: #ffffff;
}
.header
{
    background: url(/themes/images/common/hed.gif) repeat-x top;
}
.header a
{
    color: #ffffff;
    text-decoration: underline;
}
.header td.link
{
    font: 14px Tahoma, Arial, Helvetica, sans-serif;
    color: #ffffff;
}
.header td.link a:hover
{
    font: 14px Tahoma, Arial, Helvetica, sans-serif;
    color: #f49915;
}
.header .menu a
{
    height: 37px;
    display: block;
    text-decoration: none;
}
.header .menu a:hover
{
    color: #f49915;
}
.header .menu td.item a
{
    font: 14px Tahoma, Arial, Helvetica, sans-serif;
    padding-top: 10px;
    background: url(/themes/images/common/nav.gif) repeat-x;
    font-weight: bold;
}
.header .menu td.item a:hover
{
    text-decoration: none;
}
.header .menu td.itemselected a
{
    font: 14px Tahoma, Arial, Helvetica, sans-serif;
    padding-top: 10px;
    background: url(/themes/images/common/nav.gif) repeat-x;
    color: #f49915;
    text-decoration: none;
    font-weight: bold;
}
/* End Menu Item */

/* Body Container */
.fullbodycontainer
{
    background-color: #ffffff;
    margin: 0px 0px 10px 0px;
}

/* Left Container */
.maincontainer
{
    padding: 0px 10px 10px 10px;
    font: 12px Tahoma, Arial, Geneva, sans-serif;
    color: #069;
    text-align: left;
    background: #ffffff;
    border: 1px solid #346F97;
}
.maincontainer a
{
    color: #069;
    text-decoration: underline;
}
.maincontainer a:hover
{
    color: #f49915;
    text-decoration: underline;
}
/* End Left Body Container */

/* Right Body Container */
.sidecontainer
{
    font: 12px Tahoma, Arial, Geneva, sans-serif;
    text-align: left;
}
.sidepanel
{
    padding: 0px 10px 10px 10px;
    color: #069;
    background: #F0F6F9;
    border: 1px solid #346F97;
}
.sidepanel a
{
    color: #069;
    text-decoration: underline;
}
.sidepanel a:hover
{
    color: #f49915;
    text-decoration: underline;
}
/* End Right Body Container */

/* Online Order */
.mainonlineorder
{
    padding: 0px 0px 10px 0px;
    font: 12px Tahoma, Arial, Geneva, sans-serif;
    color: #069;
    text-align: left;
    background: #ffffff;
    border: 1px solid #346F97;
}
.onlinecontentcontainer a
{
    color: #069;
}
.onlinecontentcontainer a:hover
{
    color: #f49915;
}

.navigationstep
{
    height: 25px;
    color: #069;
    border-bottom: 1px solid #346F97;
    padding-left: 10px;
}
.navigationstepcell
{
    height: 25px;
    color: #069;
    padding-left: 10px;
    text-align: left;
    border-bottom: 1px solid #346F97;
    border-right: 1px solid #346F97;
}
.navigationstepcelllast
{
    height: 25px;
    color: #069;
    padding-left: 10px;
    text-align: left;
    border-bottom: 1px solid #346F97;
}
.navigationstepcelllasthightlight
{
    background-color: #61879E;
    height: 25px;
    color: #ffffff;
    padding-left: 10px;
    text-align: left;
    border-bottom: 1px solid #346F97;
}
.navigationstepcellhighlight
{
    background-color: #61879E;
    color: #ffffff;
    padding-left: 10px;
    text-align: left;
    border-bottom: 1px solid #346F97;
    border-right: 1px solid #346F97;
}
/* End Online Order */

/* Footer */
.footer a
{
    color: #069;
    text-decoration: none;
    text-align: center;
    vertical-align: baseline;
    font: 12px Tahoma, Arial, Geneva, sans-serif;
}
.footer span
{
    color: #069;
    text-decoration: none;
    text-align: center;
    vertical-align: baseline;
    font: 12px Tahoma, Arial, Geneva, sans-serif;
}
.footer a:hover
{
    text-decoration: underline;
    color: #f49915;
    font: 12px Tahoma, Arial, Geneva, sans-serif;
}
/* End Footer */

/* Accordion */
.accordionHeader
{
    border: 1px solid #346F97;
    color: #FFFFFF;
    background-color: #61879E;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
    color: #FFFFFF;
    text-decoration: underline;
}

.accordionHeader a:hover
{
    color: #f49915;
}

.accordionHeaderSelected
{
    border: 1px solid #346F97;
    color: #f49915;
    background-color: #61879E;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-decoration: underline;
}

.accordionHeaderSelected a
{
    color: #f49915;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
    color: #f49915;
}

.accordionContent
{
    background-color: #FFFFFF;
    border: 1px dashed #346F97;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    color: #069;
}
/* End of Accordion */

/* Data Grid */
.dgdataheader
{
    color: #FFFFFF;
    background-color: #61879E;
    font-weight: bold;
    vertical-align: text-top;
    border: 1px solid #346F97;
}

.dgdataitem
{
    color: #069;
    background-color: #FFFFFF;
    vertical-align: text-top;
    border: 1px solid #346F97;
}
.dgdatafooter
{
    color: #069;
    background-color: #FFFFFF;
    font-weight: bold;
    vertical-align: text-top;    
}
/* End Data Grid */



/* Enquiry */
.required
{
    background: #f49915;
    border: 1px solid #346F97;
    color: #fff;
    height: 16px;
    padding: 4px 8px;
    width: 200px;
}
.requiredVerCode
{
    background: #f49915;
    border: 1px solid #346F97;
    color: #fff;
    height: 16px;
    padding: 6px 8px;
    width: 90px;
    
}
.requiredtextarea
{
    background: #f49915;
    border: 1px solid #346F97;
    color: #fff;
    width: 210px;
    font-family: Tahoma;
    padding: 4px 8px;
}
.orangebutton
{
    width: 79px;
    height: 26px;
    border: 1px solid #346F97;
    background-color: #f49915;
    color: #fff;
    font-weight: bold;
}
.orangebutton:hover
{
    cursor: pointer;
}
/* End Enquiry */
