/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HTML TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	font-family: Calibri;
	font-size: 13px;
	text-align: center;
}

h1, h2, h3 {
	font-weight: bolder;
}

h1 {
	color: #007DCD;  /* Dark Colour */
	text-align: center;
}

h2 {
	color: #007DCD;  /* Dark Colour */
    text-align: left;
    border-bottom: 1px #C0C0C0 solid;
    padding-left: 10px;
    padding-top: 10px
}

h3 {
	color: #007DCD;  /* Dark Colour */
    font-size: 14px;
    text-align: left;
    margin-bottom: -1px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	TEXT TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p {
    font-size: 13px;
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
}

p.error {
    text-align: center;
    background-color: #FFD2D2;
    color: #8C0000;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    font-weight: bold;
    border: 1px solid #8C0000;
    width: 97%;
}

p.confirm {
    text-align: center;
    background-color: #D2FFD2;
    color: #008C00;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    font-weight: bold;
    border: 1px solid #008C00;
    width: 97%;
}

p.rightAlign {
  text-align: right;
}

p.loginRightAlign {
  text-align: right;
  padding: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	WEB LINK TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a {
	color: #007DCD;  /* Dark Colour */
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.h2 {
    font-size: 17px;
	color: #007DCD;  /* Dark Colour */
	text-decoration: none;
}

a.h2:hover {
	text-decoration: underline;
}

a.confirmlink {
    color: #FFCC00;
    text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MAIN MENU LINK TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a.mainmenu {
	font-weight: bolder;
    font-size: 15px;
	color: #F4F4F4;
}

a.mainmenu:hover {
    text-decoration: underline;
}

a.mainmenuselected {
	font-weight: bolder;
    font-size: 15px;
	color: #007DCD;  /* Dark Colour */
	text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FOOTER LINK TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a.footer {
	font-weight: bolder;
	color: #F4F4F4;
}

a.footer:hover {
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MAIN TABLE TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table {
    font-family: Calibri;
    font-size: 13px;
}

table tr.header {
    font-size: 18px;
    color: #007DCD; /* Dark Colour */
    font-weight: bolder;
    text-align: center;
    background-color: #009CFF; /* Light Colour */
}

table tr.recipeheader {
    text-align: center;
    font-size: 18px;
    font-weight: bolder;
}

table tr.recipedata1 {
    background-color: #EAEDFF;
    text-align: center;
}

table tr.recipedata2 {
    background-color: #FDFDFF;
    text-align: center;
}

table td.subheader {
    font-weight: bolder;
    text-align: right;
    padding-right: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MAIN PAGE FORMATTING TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.mainpage {
    text-align: center;
    width: 800px;
}

table.mainpage td.leftside {
    background-image: url(/Images/Main-LeftSideShadow.jpg);
    background-repeat: repeat-y;
    background-position: left;
    width: 37px;
}

table.mainpage td.middleside {
    background-color: #FFFFFF;
    width: 726px;
    text-align: left;
}

table.mainpage td.rightside {
    background-image: url(/Images/Main-RightSideShadow.jpg);
    background-repeat: repeat-y;
    background-position: right;
    width: 37px;
}

table.mainpage td.mainmenu {
    background-image: url(/Images/Data-Header.jpg);
    background-repeat: repeat-x;
    text-align: left;
    width: 726px;
    height: 25px;
}

table.footer {
    text-align: center;
    background-image: url(/Images/Main-Footer.jpg);
    background-repeat: no-repeat;
    height: 100px;
    width: 800px;
}

table.astrofooter {
    text-align: center;
    background-image: url(/Images/Astro-Main-Footer.jpg);
    background-repeat: no-repeat;
    height: 100px;
    width: 800px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PHPG TABLE TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.border {
    border: 1px;
    border: 1px solid #CCCCCC;
}

table.innerborder {
    border: solid 1px #CCCCCC;
}

table.innerborder td.left {
    border-bottom: solid 1px #CCCCCC;
    background-color: #EBEBEB;
    text-align: left;
    padding: 10px 10px 10px 10px;
    font-weight: bolder;
}

table.innerborder td.right {
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    background-color: #F5F5F5;
    padding: 10px 10px 10px 10px;
    text-align: left;
    width: 300px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HAC TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.camera {
    background-image: url(/HAC/Images/Camera.png);
    z-index: 10;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 12px;
    height: 48px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	IMAGE TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	JAVASCRIPT POPUP ERROR MESSAGE TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#msg {display:none; position:absolute; z-index:200; background:url(Recipes/Images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}