div.portrait_menu	{background-repeat: no-repeat; background-position:center center;background-size:auto 65%;}

.picsize	{ width:75%;height:75%;border:0px solid blue;}
.picsize2	{ width:75%;height:75%;border:0px solid blue}
.picsize2s	{ width:55%;height:55%;border:0px solid blue}
.picsize3	{ width:75%;height:50%;border:0px solid blue;}
.picsize3_big	{ width:100%;height:100%;border:0px solid blue;}
.picclick	{ width:100%;height:100%;border:0px solid black;background-image:url(../gfx/expand_c1.gif);background-repeat: no-repeat; background-position:center center;background-size:contain}
.picnoclick	{ width:100%;height:100%;border:0px solid gray}
table.pp_in1		{width:100%;font-size:100%}
td.pp_in1		{width:30%;height:5.5vh;font-size:90%}
td.pp_in2		{width:35%;height:5.5vh;font-size:90%}
td.pp_lb		{height:4vh;text-align:left;padding-left:3vw;font-size:80%;color:rgb(0,0,0)}
td.dualwin		{height:100%;vertical-align:top;border:none}

td.geom_size   		{border:0.1em solid gray;height:10vw}
td.sym_size    		{border:0.1em solid gray;height:10vw;font-size:75%}
td.geom_bgd		{vertical-align:top;text-align:right;background-repeat:no-repeat; background-position:center center}
td.symbol_bgd		{vertical-align:top;text-align:right;background-repeat: no-repeat; background-position:center center}
td.image		{background-size:contain}
td.smallimage		{background-size:contain}
td.noimage		{background-size:auto 85%;cursor:default;}
img.symbol_zoom		{border:none;cursor:zoom-in;border-left:0.1em dotted rgb(132,216,255);border-bottom:0.1em dotted rgb(132,216,255);border-radius:0.7mm}
img.geom_zoom		{border:none;cursor:zoom-in;border-left:0.1em dotted rgb(132,216,255);border-bottom:0.1em dotted rgb(132,216,255);border-radius:0.7mm}


div.pp_lb		{height:4vh}
select.pp_in2		{width:75%;height:3.5vh;font-size:100%;border:1px solid white;border-radius:0.7mm}
select.pp_in3		{width:75%;height:1.7vw;border:1px solid gray;border-radius:0.7mm}
input.pp_in2		{width:75%;height:3.5vh;font-size:100%}

div.right_std_btn	{margin-top:7%;background-color:rgb(207,207,252);border:0.1rem solid white;width:80%;height:4vh;font-size:115%;border-radius:0.8mm}

.picpos_middle	{position:relative;top:0%;height:14.5em;width:100%;border:0px solid red;}
.info_middle	{position:relative;top:0%;height:14.5em;width:100%;border:0px solid red;text-align:left;}
.picpos_top	{position:relative;top:0%;height:50%;width:100%;border:0px solid red;}
.info_top	{position:relative;top:0%;height:50%;width:100%;border:0px solid red;text-align:left;}
div.mainpic	{border:none}

div.passive_picture_topline {width:97%;height:100%;border:none;border-bottom:1px solid gray;font-size:120%}
div.top_right 	{width:100%;height:100%;border:none;font-size:120%}
div.top_left 	{width:100%;height:100%;border:none;border-bottom:1px solid gray;font-size:120%;color:red}
div.top_center 	{padding:2.5%;width:95%;height:95%;border:0px solid green;font-size:100%;}
div.bot_right1 	{width:100%;height:100%;padding-top:0%;border:0px solid green;font-size:75%}
div.bot_right2 	{width:100%;height:100%;padding-top:10%;border:0px solid green;font-size:75%}
div.basket 	{width:100%;height:100%;border:0px solid green;font-size:110%;}
div.scroll_down	{width:90%;height:100%;border:0px solid green;font-size:85%;}
select.frame_method {box-shadow:0.2vw 0.2vw 0.1vw #999;width:75%;height:2.5rem;border: 0.1vw solid rgb(192,192,192); background: white;border-radius:0.1vw}
input.search_plist { cursor:pointer;box-shadow:0.3rem 0.3rem 0.1rem #999;width:40%;height:1.8rem;width:75%;border: 0.075rem solid rgb(192,192,192);color: #0000A0;background:white;font-size:1em;margin-left:0.2rem;}
input.search_splist { cursor:pointer;box-shadow:0.3rem 0.3rem 0.1rem #999;width:40%;height:1.2rem;width:75%;border: 0.075rem solid rgb(192,192,192);color: #0000A0;background:white;font-size:1em;margin-left:0.2rem;}
div.search_plist { border:none;height:1.8rem;}

div.passive_picture_list {width:90%;height:90%;border:0px solid red;}
div.passive_picturelist_top {width:100%;height:90%;border:0px solid red;}
div.passive_picture_botline {padding-left:2.5%;;padding-top:1%;width:95%;height:5rem;border:none;border-top:1px solid green;font-size:95%;text-align:justify}
div.passive_picturelist_botline {padding-top:2.5%;width:100%;border:0px solid green;font-size:95%;text-align:justify}

a.with_flagsa	{color:blue;font-size:70%}
a.with_flagsp	{color:red;font-size:80%}
a.no_flagsa	{color:rgb(0,0,0,255);font-size:70%}
a.no_flagsp	{color:rgb(255,0,0,255);font-size:70%}



#.background			{ background:rgb(224,224,224) transparent;background:rgba(0,0,0,0.1);color:black;border:none}
.background			{ background:rgb(224,224,224);color:black;border:none}
.fullsize			{ width:100%;height:2rem;border:none}
.triplesize			{ width:100%;height:300%;}
div.frame1_outsite		{ width:99.95%;border:none;padding-right:0.05%;}
div.frame2_outsite		{ width:99.95%;border:none;padding-left:0.05%}

table.frame1 			{ border:0.1vh solid gray; height:82vh;width:99.5%;z-index:-1}
table.frame2 			{ border:0.1vh solid gray; height:82vh;width:99.8%;z-index:-1}

tr.frame1			{ width:100%;}
tr.frame2			{ width:100%;}
td.frame1			{ z-index:-1;color:black;padding-top:0%;text-align:center;vertical-align:top;border:none}
td.frame2			{ color:black;padding-top:0%;text-align:center;vertical-align:top;border:none}

div.frame1_topline		{ height:22vh;width:100%;border:none;border-bottom:0.1vh solid gray;}
div.frame1_topleft		{ height:100%;width:60%;border:none;border-right:0.1vw solid gray}
div.frame1_topright		{ height:100%;width:40%;border:none}
div.frame1_topleftpos		{ position:relative;top:0%;left:0%;}
div.frame1_toprightpos		{ position:relative;top:-100%;left:60%;}

div.frame1_topname		{ position:relative;top:0.5vh;font-size:2.7vh;font-weight:bold;border:none}
div.frame1_topdesc		{ position:relative;top:2vh;font-size:2.2vh;font-weight:bold;border:none}
div.frame1_topadd		{ position:relative;top:4vh;font-size:2.1vh;font-style:italic;color:rgb(50,120,220);border:none}

div.frame1_mid1line		{ height:30vh;width:100%;border:none;border-bottom:0.1vh solid gray;}
div.frame1_mid1left		{ height:100%;width:60%;border:none;}
div.frame1_mid1right		{ height:100%;width:40%;border:none;}

div.frame1_mid1leftpos		{ position:relative;top:0%;left:0%;border:none;border-right:0.1vw solid gray}
div.frame1_mid1rightpos		{ position:relative;top:-100%;left:60%;border:none}

div.frame1_mid1leftdata 	{ height:4.92vh;width:100%;border:none;border-bottom:0.1vh dotted gray;}
div.frame1_mid1leftdatapos	{ position:relative;top:0%;left:0%;}


div.frame1_innerdataleft	{ height:100%;width:45%;border:none;border-right:0.1vw dotted gray}
div.frame1_innerdataright	{ height:100%;width:55%;border:none;border-right:0.1vw dotted gray}

div.frame1_innerdataleftpos	{ display:auto;position:relative;top:0%;left:0%;}
div.frame1_innerdatarightpos	{ display:auto;position:relative;top:-4.9vh;left:45%;border:none}


div.frame1_mid2line		{ height:19.5vh;width:100%;border:none;border-bottom:0.1vh solid gray;text-align:center}
div.frame1_mid2data		{ height:80%;width:90%;text-align:justify;border:none;position:relative;top:5%;left:5%}
div.frame1_botline		{ height:10vh;width:100%;border:none;border-bottom:0.1vh solid gray;}
div.frame1_botdata		{ height:4.2vh;width:100%;border:none;border-bottom:0.1vw dotted gray}
div.frame1_botdataleft		{ height:100%;width:30%;border:none}
div.frame1_botdataright		{ height:100%;width:70%}
div.frame1_botinnerdataleftpos	{ position:relative;top:0%;left:0%;border:none;border-right:0.1vw dotted gray;}
div.frame1_botinnerdatarightpos	{ position:relative;top:-100%;left:30%;border:none;}

div.sale_button			{ margin:auto;width:70%;height:120%;border:0.1vw solid gray;background-color:rgb(245,245,245);padding:0vh;box-shadow:0.2rem 0.2rem 0.1rem #888;}



div.frame1_font			{ font-size:1.25vw;}
div.frame1_mid2font		{ font-size:1.25vw}
div.frame1_botfont		{ font-size:1.25vw}

div.frame2_font			{ font-size:1.25vw}
div.frame2_searchfont		{ font-size:1.15vw}
input.frame2_searchfont		{ font-size:1.0vw}
div.black_font			{ border:none;color:black;font-size:1.25vw }

.vxpos				{ height:50%;position:relative;top:20%;border:none}


div.geom_size   		{border:none;height:100%}
div.geom_bgd			{vertical-align:top;text-align:right;background-repeat:no-repeat; background-position:center center}
div.sym_size    		{height:100%; width:auto}
div.symbol_bgd			{vertical-align:top;text-align:right;background-repeat: no-repeat; background-position:center center}
div.image			{background-size:contain;border:none}
div.smallimage			{background-size:contain}
div.noimage			{background-size:70%;cursor:default;}
div.geomdetail			{position:relative;top:-13vh;left:-16.5vw}
div.shortdata			{position:relative;top:-21vh;left:-17vw}

	div.frame1_zoom1{
		border:none;
	}
	div.frame1_zoom1a  {
		z-index:999; 
		position:absolute;
		left:0vw; 
		width:20vw;
		height:20vw;
		border:0.1em solid gray;
		border-radius:0.0mm;
		background: rgb(214, 214, 214);
		cursor:zoom-out;
	}
	div.frame1_zoom2{
		z-index:999;
		border:none;
		position:relative;
		left:-5vw; 
		top:-70vh;
	}
	div.frame1_zoom2a  {
		z-index:999;
		border:0.1em solid gray;
		border-radius:0.0mm;
		background: rgb(214, 214, 214);
		cursor:zoom-out;
	}


div.frame2_topline		{ height:7.0vh;width:100%;border:none;border-bottom:0.1vh solid gray;}
div.frame2_dataline		{ height:8.05vh;width:100%;border:none;border-bottom:0.1vh dotted gray;}
div.frame2_picline		{ height:24vh;width:100%;border:none;}

div.frame2_botline		{ height:10vh;width:100%;border:none;border-bottom:0.1vh solid gray;}
div.frame2_botdata		{ height:10vh;width:100%;border:none;border-top:0.1vh solid gray;border-bottom:0.1vw dotted gray}
div.frame2_botdataleft		{ height:100%;width:50%;border:none}
div.frame2_botdataright		{ height:100%;width:50%;border:none}
div.frame2_botinnerdataleftpos	{ position:relative;top:0%;left:0%;border:none;}
div.frame2_botinnerdatarightpos	{ position:relative;top:-100%;left:50%;border:none;}
div.frame2_botfont		{ font-size:1.35vw}

div.innerdata_left		{ width:50%;height:100%;border:none;border-right:0.1vh dotted gray;text-align:center;}
.innerdata_leftpos		{ position:relative;top:0%;left:0%}
.vpos				{ height:50%;position:relative;top:20%;border:none}
div.innerdata_right		{ width:50%;height:100%;border:none;text-align:center;}
.innerdata_rightpos		{ position:relative;top:-100%;left:50%}

input.frame2_input 		{ box-shadow:0.3rem 0.3rem 0.1rem #999;width:75%;height:100%;border: 0.1vw solid rgb(192,192,192); background: white; color:black;}
input.frame2_submit  		{ cursor:pointer;box-shadow:0.3rem 0.3rem 0.1rem #999;width:75%;height:100%;border: 0.1vw solid rgb(192,192,192);color: #0000A0;}


@media(orientation:landscape){
	
	div.art_select		{z-index:999;padding-left:2%;border:0.1rem dotted gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:auto;width:130%;height:2.5vw;background-color:rgb(234,234,234);text-align:left;position:relative;top:-0.9vh;left:-9vh;font-size:90%}
	div.art_selected	{z-index:999;position:relative;top:0.8vh;padding-left:2%;border:0.1rem dotted gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:auto;width:140%;height:35vh;background-color:rgb(234,234,234);text-align:left;position:relative;top:-0.9vh;left:-9vh;font-size:90%}
	div.art_entry		{text-align:left;padding:2%;height:2vw;border:none}

	div.sale_button		{ font-size:1.1vw}
	div.all_height		{ min-height:82.5vh}

	.index_height		{ min-height:82vh;border:none}
	.outer_data		{ border:1px solid gray; width:60%; padding:2px;vertical-align:top;text-align:center;background-color:rgb(200,200,255);}
	.inner_data		{ border:1px solid gray;background-color:rgb(224,224,224);}

	.outer_menu    		{ border:1px solid gray; width:20%; padding:1px;vertical-align:top;text-align:center;background-color:rgb(224,224,224);}
	.menu_pos		{ position:relative;top:2.1vh;border:none}
}

@media(orientation:portrait){
	div.art_select		{z-index:999;padding-left:2%;border:0.1rem dotted gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:auto;width:190%;height:4vw;background-color:rgb(234,234,234);text-align:left;position:relative;top:-0.0vh;left:-0vh;font-size:90%}
	div.art_selected	{z-index:999;position:relative;top:0.8vh;padding-left:2%;border:0.1rem dotted gray;background-color:rgb(224,224,224);overflow-x:hidden;overflow-y:auto;width:140%;height:35vh;background-color:rgb(234,234,234);text-align:left;position:relative;top:-0.9vh;left:-0vh;font-size:90%}
	div.art_entry			{text-align:left;padding:5%;height:2vw;border:none}

	table.frame1 			{ border:0.1vh solid gray; height:41vh;width:100%;}
	table.frame2 			{ border:0.1vh solid gray; height:41vh;width:100%;}

	tr.frame1			{ width:100%;}
	tr.frame2			{ width:100%;}
	td.frame1			{ color:black;padding-top:0%;text-align:center;vertical-align:top;border:0px solid red;height:45vh}
	td.frame2			{ color:black;padding-top:0%;text-align:center;vertical-align:top;border:0px solid red;height:42vh}

	div.frame1_topline		{ height:9vh;width:100%;border:none;border-bottom:0.1vh solid gray;}
	div.frame2_topline		{ height:4.5vh;width:100%;border:none;border-bottom:0.1vw solid gray}

	div.frame1_topname		{ position:relative;top:0.25vh;font-size:3.7vw;font-weight:bold;border:none}
	div.frame1_topdesc		{ position:relative;top:1vh;font-size:2.5vw;font-weight:bold;border:none}
	div.frame1_topadd		{ position:relative;top:2vh;font-size:2.1vw;font-style:italic;color:rgb(50,120,220);border:none}

	div.frame1_mid1line		{ height:16.4vh;width:100%;border:none;border-bottom:0.1vh solid gray;}
	div.frame1_mid1leftdata 	{ height:2.6vh;width:100%;border:none;border-bottom:0.1vh dotted gray;}
	div.frame1_innerdatarightpos	{ position:relative;top:-100%;left:50%;border:none}
	div.frame1_mid2line		{ height:10.25vh;width:100%;border:none;border-bottom:0.1vh solid gray;text-align:center}

	div.frame1_botline		{ height:19%;width:100%;border:none;border-bottom:0.1vh solid gray;}
	div.frame1_botdata		{ height:48.5%;width:100%;border:none;border-bottom:0.1vw dotted gray}

	
	div.sale_button			{ font-size:2.1vw}

	div.frame2_dataline		{ height:4.5vh;width:100%;border:none;border-bottom:0.1vh dotted gray;text-align:left}



	div.frame1_font			{ font-size:2.7vw}
	div.frame1_mid2font		{ font-size:2.3vw}
	div.frame1_botfont		{ font-size:2.3vw}


	div.frame2_font			{ font-size:2.7vw;}
	div.frame2_searchfont		{ font-size:2.3vw}
	input.frame2_searchfont		{ font-size:2.3vw}
	div.noimage			{ background-size:50%;cursor:default;}
	div.geomdetail			{ position:relative;top:-50vh;left:-35vw}
	div.shortdata			{ position:relative;top:-55vh;left:-35vw}
	div.black_font			{ border:none;color:black;font-size:2.25vw }
	
	.vpos				{ height:50%;position:relative;top:15%;border:none}
	.vxpos				{ height:50%;position:relative;top:20%;border:none}


	div.frame1_zoom1a  {
		width:20vh;
		height:20vh;
	}

	div.frame1_zoom2{
		z-index:999;
		border:none;
		position:relative;
		left:-20vw; 
		top:-20vh;
	}

	.all_height		{ min-height:100.5vh;border:none}
	.index_height		{ min-height:92.5vh;border:none}
	.outer_data		{ border:1px solid gray; width:80%; padding:2px;vertical-align:top;text-align:center;background-color:rgb(200,200,255);}
	.inner_data		{ border:1px solid gray;background-color:rgb(224,224,224);}

	.outer_menu    		{ border:1px solid gray; width:20%; padding:1px;vertical-align:top;text-align:center;background-color:rgb(224,224,224);}
	.menu_pos		{ position:relative;top:2.1vh;border:none}
	div.select_list		{ display:none}
	div.simwarn		{ height:4vh;font-size:2vw;border:none;width:100%;text-align:justify;}

}