/* CSS Document */
body
{
	background-image: url(../images/background.gif);
	background-repeat: repeat;
	background-color: #FFFFFFF;
	color: #800000;
	font: normal normal 9pt Arial;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
a, a:link, a:visited
{
	font-family: Arial;
	text-decoration: none;
	color: #333334;
}
a:hover, a:active
{
	font-family: Arial;
	text-decoration: none;
	color: #717171;
}
img
{
	border-style: none;
	border-width: 0px;
}

/****AJAX*******/
.modalPopup
{
	background-color: transparent;
	padding: 1em 6px;
}
.modalPopup2
{
	background-color: #ffffff;
	width: 300px;
	vertical-align: top;
}
.modalPopup3
{
	background-color: #ffffff;
	width: 200px;
	vertical-align: top;
}
.modalBackground
{
	background-color: gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.loginBackground
{
	background-color: gray;
}

/****Tables, Cells******/
table.HundredpctMid
{
	width: 100%;
	border-style: none;
	margin: auto;
}

table.HundredpctLft
{
	width: 100%;
	border-style: none;
	text-align: left;
}

table.HundredpctRt
{
	width: 100%;
	border-style: none;
	text-align: right;
}

table.NinetypctMid
{
	width: 90%;
	border-style: none;
	margin: auto;
}

table.NinetypctLft
{
	width: 90%;
	border-style: none;
	text-align: left;
	margin: auto;
}

table.EightypctMid
{
	width: 80%;
	border-style: none;
	margin: auto;
	background-color: #ffffff;
}

table.EightypctLft
{
	width: 80%;
	border-style: none;
	text-align: left;
	margin: auto;
	padding-top: 10px;
}

td.BorderLft
{
	background-image: url(../images/tile_left_strips.gif);
	background-repeat: repeat-y;
}
td.BorderRt
{
	background-image: url(../images/tile_right_strips.gif);
	background-repeat: repeat-y;
}

td.hrRight
{
	border-right: solid 1px #000000;
}

td.hrTop
{
	border-top: solid 1px #000000;
}

td.greyheader
{
	color: #000000;
	background-color: #d2d1d0;
	padding: 2px 0px 2px 5px;
	font-weight: bold;
	font-size: 10pt;
}
table.center
{
	margin: auto;
}

/****DIVS*****/
div.main
{
	text-align: center;
}
div.center
{
	text-align: center;
	margin: auto;
}
div.border1
{
	border: solid 2px #000000;
}
.divalert
{
	background-color: #ffffff;
	border: steelblue 2px solid;
	color: #000000;
	background-image: url(Images/bg-left-blue-thin.jpg);
	background-repeat: repeat-y;
	padding: 10px 10px 10px 10px;
	cursor: move;
	vertical-align: top;
}
#nutritionbox_outer 
{
    color: #000000;
    background-color: #ffffff;
    border: solid 1px #000000;
    width: 250px;
    padding: 2px;
}
#nutrition_inner1
{
    border-bottom: solid 5px #000000;
    margin: 2px;
    padding: 4px;
}
#nutrition_inner2
{
    border-bottom: solid 3px #000000;
    margin: 2px;
    padding: 4px;
}
#nutrition_inner3
{
    margin: 2px;
    padding: 4px;
}
.tanbox
{
	background-color: #f0e9da;
	border: solid 1px #000000;
    margin-left: auto;
    margin-right: auto;
}
.brownheader
{
	color: #000000;
	background-color: #a98b65;
	font-weight: bold;
	font-size: 12pt;
	padding: 3px;
}
.itemtemplate
{
    padding: 5px;
}
/****End DIVS*****/


/*****Text Styles*****/
.NavWhite, .NavWhite:link, .NavWhite:visited
{
	font-weight: normal;
	font-size: 8pt;
	color: #ffffff;
}
.NavWhite:hover, .NavWhite:active
{
	font-weight: normal;
	font-size: 8pt;
	color: #999999;
}
.Title1, .Title1:link, .Title1:visited
{
	font-weight: bold;
	font-size: 14pt;
	color: #800000;
}
.Title1:hover, .Title1:active
{
	font-weight: bold;
	font-size: 14pt;
	color: #999999;
}

/**********Text/List Box Styles*********************/

.txtBox1
{
	height: 14px;
	font-size: 8pt;
	white-space: normal;
}

input.txtinput1
{
	height: 16px;
	font-size: 8pt;
}

.multitxtBox1
{
	font-size: 8pt;
}

.DataGridtxtBox1
{
	font-size: 8pt;
	width: 45px;
}

.DropDownList1
{
	font-size: 8pt;
	height: 18px;
}

/*********Grids******************/
.GridHeader
{
	background-color: #d2d1d0;
	color: #000000;
	font-weight: bold;
	border: solid 1px #000000;
}
.GridHeaderSortable
{
	background-color: #4082ee;
	font-weight: bold;
	border: solid 1px #000000;
	font-size: 9pt;
}
.GridHeaderSortable, .GridHeaderSortable:link
{
	background-color: #4082ee;
	font-weight: bold;
	border: solid 1px #000000;
	font-size: 9pt;
	text-decoration: underline;
}
.GridHeaderSortable:hover, .GridHeaderSortable:active
{
	background-color: #4082ee;
	color: #999999;
	font-weight: bold;
	border: solid 1px #000000;
	font-size: 9pt;
	text-decoration: underline;
}
.Grid
{
	background-color: #ffffff;
	color: #000000;
}
.GridAlt
{
	background-color: #d6e5fc;
	color: #000000;
}

/**********GENERAL UTILITIES*********************/
.hidden { visibility: hidden; }
.nowrap { white-space: nowrap; }
.spacer { padding-top:4px; }
.trans { background: transparent !important; }
.block { display: block !important; }
.black { color:black !important; }
.drkblue { color:#1f3157 !important; }
.ltblue { color:#4781b3 !important; }
.bold { font-weight: bold !important; }
.italic { font-style: italic !important; }
.underline { text-decoration: underline !important; }
.red { color: #b5111b !important; }
.darkred { color: #7a0000 !important; }
.white { color: #ffffff !important;	}
.yellow { color: #f5eb29 !important; }
.green { color: #00541d !important; }
.orange { color: #F7720F !important; }
.purple { color: #4a63ae !important; }
.marginauto { margin: auto; }

.textbox { font-size: 8pt; height: 13px; }
.textarea { font-size: 8pt; }
.selectbox { font-size: 8pt; height: 20px; }
.dropdownlist { font-size: 8pt; height: 20px; }

/********** PETER BLUM VALIDATION AND MORE **********/
.VAMErrorTextBlock
{
	height: 1em;
}

.VAMErrorTextBlock img
{
	cursor: pointer;
}

/* font size */
.f7                              { font-size: 7pt !important }
.f8                              { font-size: 8pt !important }
.f9                              { font-size: 9pt !important }
.f10                             { font-size: 10pt !important }
.f11                             { font-size: 11pt !important }
.f12                             { font-size: 12pt !important }
.f13                             { font-size: 13pt !important }
.f14                             { font-size: 14pt !important }
.f15                             { font-size: 15pt !important }

/* vertical/horizontal - utilities */
.alignc                          { text-align: center !important; }
.alignl                          { text-align: left !important; }
.alignr                          { text-align: right !important; }
.valignt                         { vertical-align: top !important; }
.valignb                         { vertical-align: bottom !important; }
.valignm                         { vertical-align: middle !important; }

/* margin/padding/height/width - utilities */

.p3                              { padding: 5px !important; }
.p5                              { padding: 5px !important; }
.p8                              { padding: 8px !important; }
.p15                             { padding: 15px !important; }

.m8                              { margin: 5px !important; }
.m5                              { margin: 5px !important; }
.m8                              { margin: 8px ! important; }
.m15                             { margin: 15px !important; }

.h100pct                         { height: 100% !important; }
.w100pct                         { width: 100% !important; }

.height100                       { height: 100px !important; }
.height125                       { height: 125px !important; }
.height200                       { height: 200px !important; }
.height300                       { height: 300px !important; }
.height400                       { height: 400px !important; }
.height500                       { height: 500px !important; }
.height600                       { height: 600px !important; }

.width50                        { width: 50px !important; }
.width75                        { width: 75px !important; }
.width100                        { width: 100px !important; }
.width125                        { width: 125px !important; }
.width150                        { width: 150px !important; }
.width200                        { width: 200px !important; }
.width250                        { width: 250px !important; }
.width300                        { width: 300px !important; }
.width350                        { width: 350px !important; }
.width400                        { width: 400px !important; }
.width500                        { width: 500px !important; }
.width550                        { width: 550px !important; }
.width600                        { width: 600px !important; }
.width700                        { width: 700px !important; }
.width750                        { width: 750px !important; }

.ptop2                           { padding-top: 2px !important; }
.pbot2                           { padding-bottom: 2px !important; }
.pleft2                          { padding-left: 2px !important; }
.pright2                         { padding-right: 2px !important; }
 
.mtop2                           { margin-top: 2px !important; }
.mbot2                           { margin-bottom: 2px !important; }
.mleft2                          { margin-left: 2px !important; }
.mright2                         { margin-right: 2px !important; }

.ptop3                           { padding-top: 3px !important; }
.pbot3                           { padding-bottom: 3px !important; }
.pleft3                          { padding-left: 3px !important; }
.pright3                         { padding-right: 3px !important; }

.mtop3                           { margin-top: 3px !important; }
.mbot3                           { margin-bottom: 3px !important; }
.mleft3                          { margin-left: 3px !important; }
.mright3                         { margin-right: 3px !important; }
 
.ptop5                           { padding-top: 5px !important; }
.pbot5                           { padding-bottom: 5px !important; }
.pleft5                          { padding-left: 5px !important; }
.pright5                         { padding-right: 5px !important; }

.mtop5                           { margin-top: 5px !important; }
.mbot5                           { margin-bottom: 5px !important; }
.mleft5                          { margin-left: 5px !important; }
.mright5                         { margin-right: 5px !important; }

.ptop8                           { padding-top: 8px !important; }
.pbot8                           { padding-bottom: 8px !important; }
.pleft8                          { padding-left: 8px !important; }
.pright8                         { padding-right: 8px !important; }

.mtop8                           { margin-top: 8px !important; }
.mbot8                           { margin-bottom: 8px !important; }
.mleft8                          { margin-left: 8px !important; }
.mright8                         { margin-right: 8px !important; }

.ptop10                          { padding-top: 10px !important; }
.pbot10                          { padding-bottom: 10px !important; }
.pleft10                         { padding-left: 10px !important; }
.pright10                        { padding-right: 10px !important; }

.mtop10                          { margin-top: 10px !important; }
.mbot10                          { margin-bottom: 10px !important; }
.mleft10                         { margin-left: 10px !important; }
.mright10                        { margin-right: 10px !important; }

.ptop13                          { padding-top: 13px !important; }
.pbot13                          { padding-bottom: 13px !important; }
.pleft13                         { padding-left: 13px !important; }
.pright13                        { padding-right: 13px !important; }

.mtop13                          { margin-top: 13px !important; }
.mbot13                          { margin-bottom: 13px !important; }
.mleft13                         { margin-left: 13px !important; }
.mright13                        { margin-right: 13px !important; }

.ptop15                          { padding-top: 15px !important; }
.pbot15                          { padding-bottom: 15px !important; }
.pleft15                         { padding-left: 15px !important; }
.pright15                        { padding-right: 15px !important; }

.mtop15                          { margin-top: 15px !important; }
.mbot15                          { margin-bottom: 15px !important; }
.mleft15                         { margin-left: 15px !important; }
.mright15                        { margin-right: 15px !important; }

.ptop20                          { padding-top: 20px !important; }
.pbot20                          { padding-bottom: 20px !important; }
.pleft20                         { padding-left: 20px !important; }
.pright20                        { padding-right: 20px !important; }

.mtop20                          { margin-top: 20px !important; }
.mbot20                          { margin-bottom: 20px !important; }
.mleft20                         { margin-left: 20px !important; }
.mright20                        { margin-right: 20px !important; }

.ptop25                          { padding-top: 25px !important; }
.pbot25                          { padding-bottom: 25px !important; }
.pleft25                         { padding-left: 25px !important; }
.pright25                        { padding-right: 25px !important; }

.mtop25                          { margin-top: 25px !important; }
.mbot25                          { margin-bottom: 25px !important; }
.mleft25                         { margin-left: 25px !important; }
.mright25                        { margin-right: 25px !important; }

.mtop20                          { margin-top: 20px !important; }
.mbot20                          { margin-bottom: 20px !important; }
.mleft20                         { margin-left: 20px !important; }
.mright20                        { margin-right: 20px !important; }

.mtop30                          { margin-top: 30px !important; }
.mbot30                          { margin-bottom: 30px !important; }
.mleft30                         { margin-left: 30px !important; }
.mright30                        { margin-right: 30px !important; }

.ptop30                          { padding-top: 30px !important; }
.pbot30                          { padding-bottom: 30px !important; }
.pleft30                         { padding-left: 30px !important; }
.pright30                        { padding-right: 30px !important; }

.mtop35                          { margin-top: 35px !important; }
.mbot35                          { margin-bottom: 35px !important; }
.mleft35                         { margin-left: 35px !important; }
.mright35                        { margin-right: 35px !important; }

.ptop35                          { padding-top: 35px !important; }
.pbot35                          { padding-bottom: 35px !important; }
.pleft35                         { padding-left: 35px !important; }
.pright35                        { padding-right: 35px !important; }

.mtop40                          { margin-top: 40px !important; }
.mbot40                          { margin-bottom: 40px !important; }
.mleft40                         { margin-left: 40px !important; }
.mright30                        { margin-right: 40px !important; }

.ptop40                          { padding-top: 40px !important; }
.pbot40                          { padding-bottom: 40px !important; }
.pleft40                         { padding-left: 40px !important; }
.pright40                        { padding-right: 40px !important; }

.ptop45                          { padding-top: 45px !important; }
.pbot45                          { padding-bottom: 45px !important; }
.pleft45                         { padding-left: 45px !important; }
.pright45                        { padding-right: 45px !important; }

.ptop55                          { padding-top: 55px !important; }
.pbot55                          { padding-bottom: 55px !important; }
.pleft55                         { padding-left: 55px !important; }
.pright55                        { padding-right: 55px !important; }

.ptop65                          { padding-top: 65px !important; }
.pbot65                          { padding-bottom: 65px !important; }
.pleft65                         { padding-left: 65px !important; }
.pright65                        { padding-right: 65px !important; }

.ptop100                          { padding-top: 100px !important; }
.pbot100                          { padding-bottom: 100px !important; }
.pleft100                         { padding-left: 100px !important; }
.pright100                        { padding-right: 100px !important; }

.ptop110                          { padding-top: 110px !important; }
.pbot110                          { padding-bottom: 110px !important; }
.pleft110				           { padding-left: 110px !important; }
.pright110                        { padding-right: 110px !important; }

.ptop120                          { padding-top: 120px !important; }
.pbot120                          { padding-bottom: 120px !important; }
.pleft120                         { padding-left: 120px !important; }
.pright120                        { padding-right: 120px !important; }

.ptop130                          { padding-top: 130px !important; }
.pbot130                          { padding-bottom: 130px !important; }
.pleft130                         { padding-left: 130px !important; }
.pright130                        { padding-right: 130px !important; }

.ptop150                          { padding-top: 150px !important; }
.pbot150                          { padding-bottom: 150px !important; }
.pleft150                         { padding-left: 150px !important; }
.pright150                        { padding-right: 150px !important; }

.ptop180                          { padding-top: 180px !important; }
.pbot180                          { padding-bottom: 180px !important; }
.pleft180                         { padding-left: 180px !important; }
.pright180                        { padding-right: 180px !important; }