@charset "utf-8";
body, html {margin:0;padding:0;FONT-FAMILY: 'Cambria';COLOR: black;background-color:#fff;}
#body {margin:0;padding:0;FONT-FAMILY: 'arial';COLOR: Blue;background-color:#E8F3F4;}
/*Main container which holds all others   *******/
#contentback {width:1024px;margin: 0 auto;}
/*Main container which holds all others. Use this when the container is full width with no side bar***/

#contentfront {margin-bottom:15px;float:right;width:1024px;background-color:#fff;border-radius: 15px;border:1px solid blue;}
/*Main container which holds all others. Use this when the container is part width with a side bar***/
#onecolG {padding: 10px;width: 980px;margin:0 auto;margin-top: 20px;background-color:#F6F5F6;border-radius: 15px;}
#onecol {padding: 10px;width: 980px;margin:0 auto;margin-top: 20px;background-color:#fff;}
.onecolL{display:inline-block;width:980px;float:left;padding-top:0px;/*background-color:cyan;*/}
.onecolR{display:inline-block;width:300px;vertical-align: middle;/*background-color:yellow;*/}
.onecolVidL{display:inline-block;width:448px;float:left;padding:10px;/*background-color:cyan;*/}
.onecolVidR{display:inline-block;width:512px;vertical-align: middle;/*background-color:yellow;*/}


.infotbl {margin-top:35px;width:980px;display: table;border-collapse: collapse;font-size:20px;color:#6B6D6E;/*background-color:yellow;*/}
.infotbl .inforow {display: table-row;width:980px;overflow: hidden;border-bottom: 1px solid #6B6D6E;border-top: 1px solid #6B6D6E;border-right: 1px solid #6B6D6E;}
.infotbl .cellleft {display: table-cell;text-align:left;width: 220px;padding-left:4px;/*background-color:pink; */}
.infotbl .cellmid {display: table-cell;text-align:left;width: 10px;padding-left:4px;/*background-color:cyan; */}
.infotbl .cellright {display: table-cell;text-align:left;width: 750px;padding-left:4px;/*background-color:red;*/ }
.infotbl .mptyrow {display: table-row;width:980px;overflow: hidden;}


/*  Fee Table structure *************
.resulttbl{width:1000px;margin: 0 auto;display: table;border-bottom: 1px solid #0000FF;color:#0000FF;}
.resulttbl .resultrow {display: table-row;overflow: hidden;}

.resulttbl .cell1 {display: table-cell;float:right;vertical-align:top;text-align:center;font-size:20px;width: 460px;height:56px;}
.resulttbl .cell2 {display: table-cell;vertical-align:top;text-align:center;font-size:20px;width: 460px;height:56px;/}
.resulttbl .cell3 {display: table-cell;width: 80px;}
.resulttbl .imgCell {display: table-cell;width: 460px;height:263px;}
.resulttbl .cell5 {display: table-cell;width: 460px;height:263px;}
.resulttbl .cell6 {display: table-cell;vertical-align:top;text-align:center;font-size:16px;width: 460px;height:100px;}
.resulttbl .cell7 {display: table-cell;vertical-align:top;text-align:center;font-size:16px;width: 460px;height:100px;}




.find1tbl {width:1020px;display: table;border-collapse: collapse;font-size:20px;color:#0000FF;}
.find1tbl .find1row {display: table-row;width:1020px;overflow: hidden;border-bottom: 1px solid #73006D;height:100px;}
.find1tbl .cellleft1 {display: table-cell;width: 480px;/}
.find1tbl .cellmid1 {display: table-cell;width: 60px;/}
.find1tbl .cellright1 {display: table-cell;width: 480px;}

.findtbl {width:980px;display: table;border-collapse: collapse;font-size:20px;color:#0000FF;}
.findtbl .findrow {display: table-row;width:980px;overflow: hidden;border-bottom: 1px solid #73006D;height:100px;}
.findtbl .cellleft {display: table-cell;width: 420px;background:pink;}
.findtbl .cellmid {display: table-cell;text-align:right;vertical-align:middle;width: 100px;padding-left:4px;background:cyan;}
.findtbl .cellright {display: table-cell;vertical-align:middle;width: 460px;padding-left:4px;background:yellow;}

.newinfotbl {margin-top:92px;width:680px;display: table;border-collapse: collapse;font-size:20px;color:#6B6D6E;}
.newinfotbl .inforow {display: table-row;width:680px;overflow: hidden;border-bottom: 1px solid #6B6D6E;border-top: 1px solid #6B6D6E;}
.newinfotbl .cellleft {display: table-cell;text-align:left;width: 220px;padding-left:4px; }
.newinfotbl .cellmid {display: table-cell;text-align:left;width: 10px;padding-left:4px; }
.newinfotbl .cellright {display: table-cell;text-align:left;width: 450px;padding-left:4px; }
*/
hr.stepDiv {border-top: 1px solid blue;width:980px;clear:both;}
hr.lftCell {border-top: 1px solid blue;width:400px;clear:both;}
hr.result {border-top: 1px solid blue;width:1020px;clear:both;}

.imgbtrght {float:right;margin-left:10px;}
.imgbtleft {float:left;margin-right:10px;}


.maptbl {margin-top:3px;width:300px;display: table;border-collapse: collapse;font-size:12px;color:#0207CC;}
.maptbl .inforow {display: table-row;width:300px;overflow: hidden;border-bottom: 1px solid #0207CC;border-top: 1px solid #0207CC;}
.maptbl .cellleft {display: table-cell;text-align:left;width: 90px;padding-left:4px; }
.maptbl .cellmid {display: table-cell;text-align:left;width: 10px;padding-left:4px; }
.maptbl .cellright {display: table-cell;text-align:left;width: 200px;padding-left:4px; }

/*
#widecol {padding: 10px;width: 800px;margin:0 auto;}
 #widercol {padding: 10px;width: 984px;margin:0 auto;}
*/
#widercol {position: relative;width:1024px;/*height:810px;*/margin: 0 auto;}

#widecol {position: relative;width:1024px;height:510px;margin: 0 auto;}
/*.halfwidthcolL {display:inline-block;width:450px;float:left;padding-top:0px;margin-left: 20px;padding-right:20px;margin-right: 20px;
	border-right:1px solid blue;}
.halfwidthcolR {display:inline-block;width:450px;float:right;margin-right: 20px;/}
.widercolL {display:inline-block;width:400px;float:left;padding-top:0px;margin-left: 20px;padding-right:20px;margin-right: 20px;
	border-right:1px solid blue;}
.widercolR {display:inline-block;width:400px;float:right;margin-right: 20px;}*/

#tips {background-image:url(../../admin/i/tips.jpg);float:none;height:18px;background-repeat: no-repeat;}
.greenbox {display:inline-block;width:100%;float:left;padding-left: 5px;padding-right: 5px;color:#4CB849;border: solid 1px  ;border-radius: 10px;}


#jamietips {background-image:url(../../admin/i/jamietips.jpg);float:none;height:18px;background-repeat: no-repeat;}
#twists {background-image:url(../../admin/i/twists.jpg);float:none;height:18px;background-repeat: no-repeat;}
/*
.toplogo{ position: relative; top: 0; width: 100%; height:130px; display: table;background-color:pink;}
.toplogo img{ position: absolute; left: 344px; }*/


#navBar {background-image:url(../../admin/i/logo.jpg);clear:both;margin: 0 auto;height:80px;border-radius: 15px;border:1px solid blue;margin-top:15px;}
/*********************************************************************************************/
/************************************** NEW MENU CSS NO JAVASCRIPT****************************/
/*****************************************************************************************#FCFBAC****/
#mnubox {height:20px;font: 12px 'Bookman Old Style';margin:5px 0px 5px 0px;width:1024px;background-color:#fff;border-radius: 10px;border:0.5px solid blue;background-color: #FCFBAC;}
.nomenu{position: relative;margin: 0;padding: 0;height: 20px;width: 100%;background:white;}



div.menu-bar {position: relative;/*margin-left: 10px;padding-bottom: 5px;height: 28px;*/width: 100%;}
/* horizontal menu */
div.menu-bar ul {margin:0px 0px 0px 10px;padding: 0;position: absolute;height: 100%;width: 100%;list-style-type: none;/*background-color: #FCFBAC;*/overflow: visible;}
div.menu-bar ul li {display: block;float: left;height: auto;margin-top:2px;width: 110px;border-left: 1px red solid;text-align: left;}
div.menu-bar li > span, div.menu-bar li > a, div.menu-bar li > a:link,
div.menu-bar li > a:visited, div.menu-bar li > a:active {display: block;padding: 0 0 0 10px;height: 100%;width: 109px;border-right: 1px red solid;
	line-height: 20px;font: bold 14px 'Baskerville old face';text-decoration: none;background-color: #FCFBAC;color: green;cursor: pointer;}
div.menu-bar li:hover > span, div.menu-bar li:hover > a {background: #7AFEB5;color: #596424;}
/* vertical sub-menus */
div.menu-bar ul ul {margin: 2px 0px 0px 0px;display: none;position: static;height: auto;width: 220px;/*border: 1px #B4C30A solid;*/color: blue;background-color: #7AFEB5;}
div.menu-bar li:hover > ul {display: block;}
div.menu-bar ul ul li {position: relative;float: none;display: block;height: 20px;width: 100%;border-bottom:  1px #B4C30A solid;}
div.menu-bar ul ul li > span, div.menu-bar ul ul li > a,
div.menu-bar ul ul li > a:link, div.menu-bar ul ul li > a:visited,
div.menu-bar ul ul li > a:active {height: 100%;width: 96%;padding: 0 0 0 4%;line-height: 18px;background-color: transparent;border: none;
	color: black;font: bold 14px 'Baskerville old face';}
div.menu-bar ul ul li:hover > span, div.menu-bar ul ul li:hover > a {background: #eff9ff;color: #596424;}
/* vertical sub-sub-menus */
/* sub-sub-menu position is relative to its parent */
div.menu-bar ul ul ul {position: absolute;top: 2px;left: 206px;	/* Forms the overlap on main item*/margin: 0;}
/* a double arrow on the right side of menu's folders */
span.menu-nav:after, a.menu-nav:after {content: "\00BB";float: right;margin-right: 12px;}
/************************************** END OF NEW MENU CSS NO JAVASCRIPT****************************/




.topimg {margin: 5px 0px 5px 0px;padding-left: 5px;
	border: 1px solid #FAF9CB;border-radius: 10px;background: #fff;height: auto;width: 250px;float: left;text-align: left;}
.topimgFPC {margin: 5px 0px 5px 0px;padding-left: 5px;
	border: 1px solid blue;border-radius: 10px;background: #F6FDA5;height: auto;width: 250px;float: left;text-align: left;}
.topimgAF {margin: 5px 0px 5px 0px;padding-left: 5px;
	border: 1px solid blue;border-radius: 10px;background: #D8FE70;height: auto;width: 250px;float: left;text-align: left;}

/* Links 
A.menulnk:link{color: black;font-size: 10pt;text-decoration: none;}
A.menulnk:hover{color: red;text-decoration: underline;}
*/
A.reflnk:link {color: blue;font-size: 18pt;text-decoration: none;}
A.reflnk:hover {color: red;text-decoration: underline;}

A.jmplnk:link {color: blue;font-size: 14pt;text-decoration: underline;}
A.jmplnk:hover {color: red;text-decoration: none;}

/* underlined page Title************/
.titletitle {FONT-FAMILY: Cambria;font-size:24pt;color:#6B6D6E;text-align:center;text-decoration: underline;}
.QAtitle {FONT-FAMILY: Calibri;font-size:28pt;color:#008833;}
.redtitle {display:inline-block;font-size:18pt;font-weight: bold;color:#E22521;}
.normfntJ {font-size: 14pt;text-align: justify;text-justify: auto;}


/*screen footer with credits  *******************************/
#footer {padding:10px;font: bold 14px 'cambria';color:#1BD8E9;height:34px;padding-top:6px;clear:both;}
/*screen footer with credits  *******************************/
* html #footer {height:1px;}
/*text format to screen footer  *******************************/
.ftrlft{display:inline-block;float:left;}
.ftrrht{display:inline-block;float:right;margin-left:50px;}
.ftrcen {display:inline-block;margin-left:110px;}

hr.green {border-top: 1px solid #078869;}
.grnord {padding-left:4px; font-size:14pt;font-weight:normal;}
.grnord ul {list-style: none}
.grnord ul li:before {content: "\2022"; color: #01A050;display: inline-block; width: 1em;margin-left: -1.5em}
.grnord ol {list-style: none; counter-reset: li}
.grnord ol li:before {content: counter(li); color: #01A050; display: inline-block; width: 1em;margin-left: -1.5em;margin-right: 0.5em; text-align: justify;text-justify: auto;}		/*right; direction: rtl}*/
.grnord ol li {counter-increment: li}

.mbord {padding-left:4px; font-size:14pt;}
.mbord ul {list-style: none}
.mbord ul li:before {content: "\2022"; color: #6B6D6E;display: inline-block; width: 1em;margin-left: -1.5em}
.mbord ol {list-style: none; counter-reset: li}
.mbord ol li:before {content: counter(li); color: #6B6D6E; display: inline-block; width: 1em;margin-left: -1.5em;margin-right: 0.5em; text-align: justify;text-justify: auto;}		
.mbord ol li {counter-increment: li}

.ctltbl {width:419px;display: table;margin-top:12px;margin-bottom:12px;border-collapse: collapse;font-size:14px;color:#6B6D6E;}
.ctltbl .ctlrow {display: table-row;width:419px;overflow: hidden;/*border-bottom: 1px solid #6B6D6E;border-top: 1px solid #6B6D6E;*/}
.ctltbl .ctll {display: table-cell;width: 77px;}
.ctltbl .spc1 {display: table-cell;width: 10px;}
.ctltbl .ctl2 {display: table-cell;width: 41px;}
.ctltbl .spc2 {display: table-cell;width: 10px;}
.ctltbl .ctl3 {display: table-cell;width: 41px;}
.ctltbl .spc3 {display: table-cell;width: 10px;}
.ctltbl .ctl4 {display: table-cell;width: 41px;}
.ctltbl .spc4 {display: table-cell;width: 10px;}
.ctltbl .ctl5 {display: table-cell;width: 41px;}
.ctltbl .spc5 {display: table-cell;width: 10px;}
.ctltbl .ctl6 {display: table-cell;width: 41px;}
.ctltbl .spc6 {display: table-cell;width: 10px;}
.ctltbl .ctl7 {display: table-cell;width: 77px;}

/* Recipe name form  */
.recipefrm {position: relative; /*float:left;padding: 5px;*/width: 1024px; margin:0 auto;height: 40px;/*background-color: yellow;*/}
.recipetxt p{ color:blue;font-size: 24pt;/*padding-left:10px;padding-left:30px;*/display: table-cell; /*vertical-align: middle;text-align: center;/*text-justify: auto; */}
/* Start of navigation form detail*/

.navfrm {position: relative; /*float:left;padding: 5px;*/width: 228px; margin:0 auto;height: 46px;/*background-color: fuchsia;*/}
.navtxt p{ color:red;font-size: 12pt;/*padding-left:5px;padding-left:30px;*/display: table-cell;margin:0 auto; /*vertical-align: middle;*/text-align: center;/*background-color: pink;*/}
.fivePage { position: absolute;display: table-row; overflow: hidden; width: 228px; left:0px; top:20px; height:22px;border-radius: 5px;border:1px solid blue;/*background-color: fuchsia;*/}
.fivePage a.active1{position: absolute;background-image: url(../../admin/buttons/active1.png);width: 27px;display: block;left:25px;top:1px;height: 22px}
.fivePage a.active1:hover{background-position: 0px -22px}
.fivePage a.active2{position: absolute;background-image: url(../../admin/buttons/active2.png);width: 27px;display: block;left:63px;top:1px;height: 22px}
.fivePage a.active2:hover{background-position: 0px -22px}
.fivePage a.active3{position: absolute;background-image: url(../../admin/buttons/active3.png);width: 27px;display: block;left:101px;top:1px;height: 22px}
.fivePage a.active3:hover{background-position: 0px -22px}
.fivePage a.active4{position: absolute;background-image: url(../../admin/buttons/active4.png);width: 27px;display: block;left:139px;top:1px;height: 22px}
.fivePage a.active4:hover{background-position: 0px -22px}
.fivePage a.active5{position: absolute;background-image: url(../../admin/buttons/active5.png);width: 27px;display: block;left:177px;top:1px;height: 22px}
.fivePage a.active5:hover{background-position: 0px -22px}

.fivePage a.dim1{position: absolute;background-image: url(../../admin/buttons/dim1.png);width: 27px;display: block;left:25px;top:1px;height: 22px}
.fivePage a.dim2{position: absolute;background-image: url(../../admin/buttons/dim2.png);width: 27px;display: block;left:63px;top:1px;height: 22px}
.fivePage a.dim3{position: absolute;background-image: url(../../admin/buttons/dim3.png);width: 27px;display: block;left:101px;top:1px;height: 22px}
.fivePage a.dim4{position: absolute;background-image: url(../../admin/buttons/dim4.png);width: 27px;display: block;left:139px;top:1px;height: 22px}
.fivePage a.dim5{position: absolute;background-image: url(../../admin/buttons/dim5.png);width: 27px;display: block;left:177px;top:1px;height: 22px}

.fivePage a.na1{position: absolute;background-image: url(../../admin/buttons/na1.png);width: 27px;display: block;left:25px;top:1px;height: 22px}
.fivePage a.na2{position: absolute;background-image: url(../../admin/buttons/na2.png);width: 27px;display: block;left:63px;top:1px;height: 22px}
.fivePage a.na3{position: absolute;background-image: url(../../admin/buttons/na3.png);width: 27px;display: block;left:101px;top:1px;height: 22px}
.fivePage a.na4{position: absolute;background-image: url(../../admin/buttons/na4.png);width: 27px;display: block;left:139px;top:1px;height: 22px}
.fivePage a.na5{position: absolute;background-image: url(../../admin/buttons/na5.png);width: 27px;display: block;left:177px;top:1px;height: 22px}


/* Select */
.rowOne { position: absolute;display: table-row; overflow: hidden; width: 520px; left:3px;top:120px;height:32px;/*background:cyan;*/}
.rowOne select {position: absolute; border: #87CEFA 1px solid; display: inline-block; background: #F8F8D6;width:360px; left:126px; color: blue;font-size: 18pt;}
.rowOne label {	position: absolute;display: inline-block;text-align: right;color: green;font-size: 18pt;width: 120px;top:2px;}
.rowOne label:after {content: " : "}
select.cboItems:hover, select.cbomth:hover, select.cboyear:hover, select:hover, input.bluEdge:focus {background: #E0FFFF ;}

/*
L103
R401
*/
.rowTwo {position: absolute;display: table-row;overflow: hidden;width: 520px;left:252px;top:180px;height:32px;/*background:pink;*/}
.rowTwo input.bluEdge {position: absolute;display:inline-block;width:356px;left:126px;border: #87CEFA 1px solid;background: #F8F8D6;color: blue;font-size: 18pt;border-radius: 10px;}
.rowTwo label {position: absolute;display: inline-block;text-align: right;color: green;font-size: 18pt;width: 120px;top:2px;}
.rowTwo label:after {content: " : "}
/*.rowTwo {position: absolute;display: table-row;overflow: hidden;width: 300px;left:3px;top:239px;height:18px;}
.rowTwo input.bluEdge {position: absolute;display:inline-block;width:200px;left:96px;border: #87CEFA 1px solid;background: #F8F8D6;color: blue;font-size: 8pt;}
.rowTwo label {position: absolute;display: inline-block;text-align: right;color: green;font-size: 8pt;width: 90px;top:2px;}
.rowTwo label:after {content: " : "}*/
.rowThree {position: absolute;display: table-row;overflow: hidden;width: 30px;left:740px;top:182px;height:30px;background:cyan;}
.rowThree .submit{position: absolute;background-image: url(../../admin/i/find.jpg);width: 30px;display: block;left:0px;top:0px;height: 30px;}
.rowThree .submit:hover{background-position: 0px -30px}


.howPage a.dim1{position: absolute;background-image: url(../../admin/buttons/set1.png);width: 90px;display: block;left:0px;top:1px;height: 22px}

.mnutbl {width:1024px;display: table;margin-top:12px;margin-bottom:12px;border-collapse: collapse;font-size:14px;color:#6B6D6E;/*background-color: yellow;*/}
.mnutbl .mnurow {display: table-row;width:1024px;overflow: hidden;/*border-bottom: 1px solid #6B6D6E;border-top: 1px solid #6B6D6E;*/}
.mnutbl .spc1 {display: table-cell;width: 2px;}
.mnutbl .mnu1 {display: table-cell;width: 200px;border: 1px solid #6B6D6E;vertical-align:top;border-radius: 10px;}

.mnutbl .linespc {display: table-cell;width: 1024px;height:4px;}
.mnutbl .topspc {display: table-cell;width: 1024px;height:30px;background-color: yellow;}


.searchtbl {width:1024px;display: table;margin-top:12px;margin-bottom:12px;border-collapse: collapse;font-size:14px;color:#6B6D6E;/*background-color: yellow;*/}
.searchtbl .searchrow {display: table-row;width:1024px;overflow: hidden;/*border-bottom: 1px solid #6B6D6E;border-top: 1px solid #6B6D6E;*/}
.searchtbl .spc {display: table-cell;width: 4px;}
.searchtbl .mnu {display: table-cell;width: 200px;border: 1px solid #6B6D6E;vertical-align:top;border-radius: 10px;background-color: yellow;}
.searchtbl .linespc {display: table-cell;width: 1024px;height:4px;}
.searchtbl .topspc {display: table-cell;width: 1024px;height:30px;background-color: yellow;}


/* underlined & Overlined page Title************/
.indextitle{border-top: solid 1px  #E22521;border-bottom: double 3px  #E22521;margin-left:20px;display:inline-block;font-size:24pt;font-weight: bold;
	color:#E22521;text-align:center;}

#toTopBtn {display: none;position: fixed;bottom: 20px;right: 30px;z-index: 99;font-size: 18px;border: 1px blue solid;outline: none;background-color: #CFD0CB;
color: white;cursor: pointer;padding: 15px;border-radius: 32px;}
#toTopBtn:hover {background-color: #555;}