/* CSS Flexbox Reference Model Container Wrapper */

.flex-containerref {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-basis: ;
	justify-content: flex-start;
	align-self: center;
	align-items: flex-start;
	align-content: center;
	flex-grow: 6;
	flex-shrink: 3;
	flex: ;
	order: ;

	background-color: #f1f1f1;
	width: 150px;
	margin: 150px;
	text-align: center;
	line-height: 75px;
	font-size: 30px;
}

.flex-container {
	display: flex;
}

.flex-box-1 > div {
	border: 1px #ccc solid;
	padding: 10px;
}

.box-1 > div {
	flex:1;
}

.box-2 > div {
	flex:1;
}

.box-3 > div {
	flex:1;
}

/* CSS Grid Model Reference Container Wrpper */

.grid-container {

}

.grid-box {

}



body {
	background-image: linear-gradient(bottom, #FFFFFF 34%, #FDD017 67%);
	background-image: -o-linear-gradient(bottom, #FFFFFF 34%, #FDD017 67%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 34%, #FDD017 67%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 34%, #FDD017 67%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 34%, #FDD017 67%);

	width:100%;
	margin:0;
	padding:0;
	font:12px Tahoma;
	vertical-align:center;
}

div {
	border: 0px solid black;
	font:12px Tahoma;
	font-style:normal;
	font-weight:normal;
}

div.memo {
	position:static;
	float:left;
	top:0;
	right:0;
	border:solid 1px;
	width:250px;
}

div.pagenav {
	position:relative; 
	height:32px
}

li {
	font:12px Tahoma;
	color:#CC5533 !important; 
	font-weight: normal; 
	text-decoration: none !important;
	text-align: left;
}

a {
	color:#0033AA !important; 
	text-decoration:none !important;
}
	a:hover {color: #CC0000 !important;}
	a:active {color: #00AA00 !important;}

img {
	border:0 none;
	border-style:none;
}

input {font:11px Tahoma}
input.ifld {font:13px Tahoma}
input.imfld {font:12px Tahoma}
input.isfld {font:11px Tahoma}
input.button {height:23px; font-weight:bold; font-size:9pt; font-style:normal; font-family:Tahoma}
input.calbut {font-weight:normal; font-size:8pt; font-style:normal; font-family:Courier New}
input.submit {background-color: #244b8c; font-weight:bold; height:25px; width:66px; font-size:9pt; color:#ffffff;}
input.ifldbutton {font:13px Tahoma; color:#000077}
input.imfldbutton {font:12px Tahoma; color:#000080}
input.isfldbutton {font:11px Tahoma; color:#000080}

select {font:11px Tahoma}
select.ifld {font:12px Tahoma}
select.imfld {font:11px Tahoma}
select.isfld {font:10px Tahoma}
select.dropdown {background-color:#849cce; height:20px; font-size:8pt;}

textarea {
	margin:2px;
	font:12px Tahoma;
	resize:vertical; 
	vertical-align:top;
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}

textarea.clear {
	background:transparent;
	width:250px; 
	height:11px;
	border:none;
}

textarea.normal {
	width:250px; 
}

ul.a {
  list-style-position: inside;
}

table {
	border-collapse:collapse;
	border:0px solid;
	width:auto;
}

tr.odd td {background:#F7FBFF}
tr.odd .column1{background:#F4F9FE;} 
	   .column1{background:#F9FCFE;}

td {
	border:0px solid;
	font-family: Geneva, Arial, sans-serif !important; 
	font-size:10pt;
	text-align:left;
	vertical-align:middle;
}

td.pagebreak {
	width:55%;
}

td.border {
	border-bottom:1px solid #F9E5E6;
	border-left:1px solid #F9E5E6;
}

td.center {
	text-align:center;
}

td.left {
	height:16px;
	color:#000000 !important; 
}

td.right {
	text-align:right;
	color:#000000 !important; 

}

td.rightsml {
	text-align:right;
	vertical-align:top;
	font-size:8pt !important;	
	color:#3366BB !important; 
}

td.odd {
	background-color:#AACCFF;
	height:57px;
	text-align:left;
	vertical-align:bottom;
	padding-bottom:5px;
	padding-left:5px;
	font-family: Geneva, Arial, sans-serif !important; 
	font-size:10pt;
}

td.even {
	background-color:#F7F7F7;
	height:57px;
	text-align:left;
	vertical-align:bottom;
	padding-bottom:5px;
	padding-left:5px;
	font-family: Geneva, Arial, sans-serif !important; 
	font-size:10pt;
}

span.title {
	font:13px Tahoma;
	color:#333333 !important; 
	font-weight: bold; 
	text-decoration: none !important;
}


.nav {
	font:12px Tahoma;
	color:#0033AA !important; 
	font-weight: normal; 
	font-style: normal; 
	text-shadow:1px 1px 3px gray; 
	text-decoration: none !important;
}
	a:link.nav {color:#000088;}
	a:hover.nav {color: #336699;}
	a:active.nav {color: #000000;}

.morehl {
	font-family: Geneva, Arial, sans-serif !important; 
	font-size: 11pt;
	color: #000080 !important; 
	font-weight: bold !important;
	font-style: normal !important;	
	text-decoration: none !important;
}
	a:hover.morehl {color: #FF0000 !important;}

.pageResult {
	font-family: Geneva, Arial, sans-serif !important; 
	font-size: 12px;
	color: #000080 !important; 
	font-weight: bold !important;
	vertical-align:-20px;
}

.moresrc {
	font-family: Geneva, Arial, sans-serif !important; 
	font-size: 12px;
	color: #000000 !important;	
	font-weight: normal !important;
	font-style: normal !important; 
	text-decoration: none !important;
}
	a:hover.moresrc {color: #FF0000 !important;}

.txt {
	font:12px Tahoma;
	color:#EE6644 !important; 
	font-weight: bold; 
	text-decoration: none !important;
}

.smtxt {
	font-family: Geneva, Arial, sans-serif !important; 
	font-size: 11px;
	color: #000000 !important; 
	font-weight: normal !important; 
	font-style: normal !important;	
	text-decoration: none !important; 
	text-shadow:3px 3px 7px black;
}
	a:hover.smtxt {color: #FF0000 !important;}

.foot {
	font:13px Tahoma;
	color: #FEFDFF !important; 
	font-weight: bold !important; 
	font-style: normal !important; 
	text-decoration: none !important;}
	a:visited.foot {color: #77BBF4 !important;
}
	a:link {color:#0000FF;} 
	a:hover.foot {color: #FDD017 !important;}
	a:active.foot {color: #007700 !important;}

.list-canvas {
	border:0px solid white;
	background-color:#F4F9FE;
	position:relative;
	top:3px;
	right:2px;
	width:65%;
	height:auto;
	z-index:10;
}

.view-canvas {
	border:0px solid gray;
	background-color:#F4F9FE;
	position:absolute;
	top:37px;
	left:410px;
	width:400px;
	height:755px;
}

.leftAddress {
   position:absolute;
   left:40px;
}

.leftPin {
	position:absolute;
}

.leftPin img {
	position:absolute;
	left:6px;
	top:-41px;
}

.OOButtonPos {
	position:absolute;
}

.OOButtonPos img {
	position:absolute;
	left:175px;
}

.rightdiv {
	position:absolute;
	right:65px;
	border:0px solid;
	width:270px;	
}	

.rightdiv img {
	position:absolute;
	left:260px;
	top:-40px;
}

.ratings {
	position:absolute;
	right:325px;	
}

.ratings sup{
	position:absolute;
	width:70px;
	left:172px;
	top:-12px;
	text-align:right;
}

.ratings img {
	position:absolute;
	left:246px;
	top:-11px;
}

.ratingsB {
	position:absolute;
}

.ratingsB sup{
	position:absolute;
	width:70px;
	left:100px;
	top:-16px;
	text-align:right;

}

.ratingsB img {
	position:absolute;
	left:174px;
	top:-15px;
}

@keyframes effects {
	from {opacity:0.0;}
	to {opacity:1.0;}
}

@-webkit-keyframes effects {
	from {opacity:0.0;}
	to {opacity:1.0;}
}

#header {
	padding-top:0px;
	background-color:#FDD017;
	position:relative; 
	width:100%; 
	height:55px; 
}

#home {
	background-color:#FDD017;
	background-image: linear-gradient(bottom, #FFFFFF 34%, #FDD017 67%);
	background-image: -o-linear-gradient(bottom, #FFFFFF 34%, #FDD017 67%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 34%, #FDD017 67%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 34%, #FDD017 67%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 34%, #FDD017 67%);
	background-repeat:repeat-x;
	padding:3px;
	border:2px solid #777777;
	background-clip:border-box;
	width:100%;
	height:480px;
}

#tdName {
	width:320px;
}

#tdSelect {
	text-align:right; 
	vertical-align:bottom;
}

#title {
	background-color: #333333;
	background-image: linear-gradient(right , #FFFFFF 0%, #000000 100%);
	background-image: -o-linear-gradient(right , #FFFFFF 0%, #000000 100%);
	background-image: -moz-linear-gradient(right , #FFFFFF 0%, #000000 100%);
	background-image: -webkit-linear-gradient(right , #FFFFFF 0%, #000000 100%);
	background-image: -ms-linear-gradient(right , #FFFFFF 0%, #000000 100%);
	z-index:10;
	position:relative;
	top:0px;
	left:0px;
	padding-top:3px;
	padding-left:1%;
	width:99%;
	height:28px;
	text-align:center;	
	vertical-align: middle;
	font:11px Tahoma;
	color: #FEFDFF; 
	font-weight: bold; 
}

#body {
	border:0px solid white;	
	font:11px Tahoma;
	color:#000000;
	position:relative;
	top:3px;
	left:0px;
	width:auto;
	height:auto;
	padding-top:0px;
	padding-left:0px;
	vertical-align:center;	
	z-index: 10;
}

#bodycenter {
	font:11px Tahoma;
	color:#000000;
	border:0px solid red;	
	position:absolute;
	top:37px;
	max-width: fit-content;
	margin-left: auto;
	margin-right: auto;

}

#results {
	position:relative;
	border:0px solid black;
	margin: auto;	
	top:0px;
	left:0px;
	width:100%;
	height:84%;
	z-index:1;
	
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: top;
	align-self: center;
	justify-content: space-evenly;

}

#footer {
	background-color:#333333;
	background-image: -ms-linear-gradient(left, #FFFFFF 0%, #000000 100%);
	background-image: -moz-linear-gradient(left, #FFFFFF 0%, #000000 100%);
	background-image: -o-linear-gradient(left, #FFFFFF 0%, #000000 100%);
	background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #000000 100%);
	background-image: linear-gradient(to right, #FFFFFF 0%, #000000 100%);
	z-index:0;
	position:absolute;
	left:0px;
	bottom:0px;
	padding-top:5px;
	width:100%;
	height:25px;
	font:12px Tahoma;
	color:#FEFDFF;
	text-align:center;
	text-shadow:1px 2px 3px #000000;
}