@font-face { 
 font-family: "Viner hand"; 
 src: url("/archeodb/fonts/vineritc.ttf") 
} 

/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */ 


body
{ 
background-image: url('/archeodb/img/image003.jpg');
background-color:gray;
background-repeat: repeat;
}

.ovalbutton {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	background-color:#77b55a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #482edb;
}
.ovalbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
	background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
	background-color:#72b352;
}
.ovalbutton:active {
	position:relative;
	top:1px;
}

legend {
background: #FF9;
border: solid 1px black;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 6px;
background-color:lightblue;

}

fieldset {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
/*background-color:black;
border:1px solid gray;
filter: alpha(opacity=30); 
-moz-opacity: 0.3; 
opacity: 0.3;*/
}


div.opencontainer
{
position:absolute;
top:10px;
width:90%;
left:10px;
height:500px;
display:box;
/*background:url("img/background/main_bg.jpg");*/
background-color:lightgrey;
border-color:black;
border:1px;
border-style: solid;
border-width: thin;
font-size:12.0pt;
font-family:"Book Antiqua";
color:#003366;
}

div.welcome
{
font-size:12.0pt;
font-family:"Book Antiqua";
color:#003366;
}

span.sysfont
{
font-size:12.0pt;
font-family:"Book Antiqua";
color:#003366;
}

div.openshadow
{
position:absolute;
top:20px;
left:20px;
width:90%;
height:500px;
/*background-color: black;
filter: alpha(opacity=30); 
-moz-opacity: 0.3; 
opacity: 0.3;*/
}


div.hlp_btn
{
position:absolute;
right:25px;
bottom:25px;
width:25px;
height:25px;
}

.fieldsets 
{
position: relative;
display:block;
margin-top:2.5em; 
padding-top:1.3em;
/*background:url("img/background/field_bg.jpg");*/
background-color:lightgrey;
}


.navigate_container 
{
position:absolute;
top:12px;
right:0px;
width:550px;
height:25px;
}

.navigate_container_long 
{
position:absolute;
top:5px;
right:0px;
width:850px;
height:25px;
padding-bottom:5px;
}

iframe.img_manager
{
border:0px;
width:950px;
height:500px;
}

iframe.strat_att
{
border:0px;
width:990px;
height:300px;
}

/* -------------------------------------------- Top Menu elements ----------------------------------------------------- */

div.logo_img
{
position:absolute;
width:100px;
top:4px;
left:5px;
}

div.login
{
position:absolute;
top:0px;
right:2px;
}

div.archeodb
{
position:absolute;
top:20px;
left:100px;
width:100px;
color:#CC3300;
}

div.archedesc
{
position:absolute;
top:50px;
left:420px;
width:450px;

color:black;
font-size:18.0pt;
font-family:"Monotype Corsiva";
font-weight:bold;
font-style:italic;
}

a.login
{
text-decoration:none;
}

div.menu_btn1 
{
position:absolute;
top:100px;
left:20px;
width:80px;
height:20px;
background-color: darkblue;

color:white;
font-size:8.0pt;
font-family:"Monotype Corsiva";
font-weight:bold;
font-style:italic;
}

div.menu_btn2
{
position:absolute;
top:100px;
left:102px;
width:80px;
height:20px;
background-color: darkblue;

color:white;
font-size:8.0pt;
font-family:"Monotype Corsiva";
font-weight:bold;
font-style:italic;
}

div.menu_btn3
{
position:absolute;
top:100px;
left:184px;
width:80px;
height:20px;
background-color: darkblue;

color:white;
font-size:8.0pt;
font-family:"Monotype Corsiva";
font-weight:bold;
font-style:italic;
}

div.menu_btn4
{
position:absolute;
top:100px;
left:266px;
width:80px;
height:20px;
background-color: darkblue;

color:white;
font-size:8.0pt;
font-family:"Monotype Corsiva";
font-weight:bold;
font-style:italic;
}

/* -------------------------------------------- Left Menu elements ---------------------------------------------------- */
div.leftm_container
{
align:center;
position:relative;
/*overflow:scroll;*/
width:100%;
height:500px;
margin:0px;
border:0px;
}

div.menu1
{
align:center;
position:absolute;
top:0px;
left:0px;
right:0px;
width:100%; /* this is only for IE compatibility, Firefox does not use it */
}

div.menu2
{
align:center;
position:absolute;
top:65px;
left:0px;
right:0px;
width:100%;
}

div.menu3
{
align:center;
position:absolute;
top:130px;
left:0px;
right:0px;
width:100%;
}

div.menu4
{
align:center;
position:absolute;
top:195px;
left:0px;
right:0px;
width:100%;
}

div.menu5
{
align:center;
position:absolute;
top:260px;
left:0px;
right:0px;
width:100%;
}

div.menu6
{
align:center;
position:absolute;
top:325px;
left:0px;
right:0px;
width:100%;
}

div.menu7
{
align:center;
position:absolute;
top:390px;
left:0px;
right:0px;
width:100%;
}


a.menu
{
text-decoration:none;
text-align:center;
color:windowtext;
font-size:12.0pt;
font-family:"Times New Roman";
}

/* --------------------------------------------- Site elements--------------------------------------------------------- */

p.title 
{
position:absolute;
left:5;
top:5;
font-family:"Times New Roman";
font-size:16.0pt;
color:blue;
width:200px;
}

p.back 
{
position:absolute;
font-family:"Times New Roman";
font-size:12.0pt;
top:0px;
right:5px;
width:100px;
}

div.textbox1
{
position:absolute;
top:20px;
width:860px;
left:10px;
height:290px;
display:box;
/*background:url("img/background/main_bg.jpg");*/
background-color:lightgrey;
border-color:black;
border:1px;
border-style: solid;
border-width: thin;
}

div.textboxshadow1
{
position:absolute;
top:30px;
left:20px;
width:860px;
height:290px;
/*background-color: black;
filter: alpha(opacity=30); 
-moz-opacity: 0.3; 
opacity: 0.3;*/
}

div.img1
{
position:absolute;
top:50px;
width:275px;
margin-left:100px;
height:204px;
display:block;
border-color:black;
border:1px;
border-style: solid;
border-width: thin;

}

div.imgshadow1
{
position:absolute;
top:65px;
width:275px;
margin-left:85px;
display:block;
height:204px;
/*background-color: black;
filter: alpha(opacity=30); 
-moz-opacity: 0.3; 
opacity: 0.3;*/
}

div.desc1
{
position:absolute;
left:385px;
top:50px;
font-size:14.0pt;
font-family:"Book Antiqua";
color:blue;
}

div.desc2
{
position:absolute;
margin-left:400px;
width:320px;
top:80px;
font-size:12.0pt;
font-family:"Book Antiqua";
text-align : left;
page-break-inside:allow;
color:blue;
}

/*legend.searchlegend
{
background-color:lightgrey;
border:1px solid gray;
}
*/

p.site_list_title
{
background:#E0E0E0;
border:1px solid gray;
padding:0pt 3.5pt 0pt 3.5pt;
width:100%;
height:48px;
left:0;
right:0;
}

select.site_search
{
left:0;
right:0;
padding:0pt 3.5pt 0pt 3.5pt;
width:100%;
}

div.sitesearch
{
position:absolute;
top:10px;
left:5px;
width:400px;
height:300px;
}

div.siteadd
{
position:absolute;
top:175px;
left:5px;
width:400px;
height:190px;
}

/* --------------------------------------------- add site elements ---------------------------------------------------- */

p.inputline
{
color:#003366;
font-size:12.0pt;
}

input.inputline
{
position:absolute;
width:600px;
left:150px;
}

p.savebtn
{
position:absolute;
left:150px;
top:450px;
}


textarea.inputline
{
position:absolute;
width:600px;
left:150px;
}

/* --------------------------------------------- site form elements --------------------------------------------------- */

p.site_form_title
{
color:#993300;;
font-family:"Times New Roman";
font-size:16.0pt;
font-weight:bold;
}

table.site_tbl
{
width:691.2pt;
cellspacing:6.0pt;
border:inset .75pt;
padding:0cm 3.5pt 0cm 3.5pt
}

td.site_field_name
{
color:#003366;
background-color:E0E0E0;
font-size:12.0pt;
font-weight:bold;
}

td.site_field_val_sitenm
{
color:#666699;
background-color:E0E0E0;
font-size:12.0pt;
font-weight:bold;
}

td.site_field_val
{
color:black;
background-color:E0E0E0;
font-size:12.0pt;
}

select.site_obj_list
{
left:5;
top:5;
padding:0pt 3.5pt 0pt 3.5pt;
width:400px;
}

input.site_show_obj
{
position:absolute;
left:345;
}

table.tbl_library
{
table-layout:fixed;
width:691.2pt;
cellspacing:2.0pt;
border:inset .75pt;
padding:0cm 3.5pt 0cm 3.5pt;
}

th.tbl_libh1
{
background:#FFCC99;
width:200pt;
border:outset .75pt;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:12.0pt;
}

th.tbl_libh2
{
width:320pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:12.0pt;
}
th.tbl_libh3
{
width:80pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:12.0pt;
}
th.tbl_libh4
{
width:50pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:12.0pt;
font-weight:bold;
}

table.tbl_img
{
table-layout:fixed;
cellspacing:2.0pt;
border:inset .75pt;
padding:0cm 3.5pt 0cm 3.5pt;
}

th.tbl_img1
{
background:#FFCC99;
width:100pt;
border:outset .75pt;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:12.0pt;
}

th.tbl_img2
{
width:120pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:12.0pt;
}
th.tbl_img3
{
width:60pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:12.0pt;
}
th.tbl_img4
{
width:50pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:12.0pt;
font-weight:bold;
}

td.tbl_lib
{
border:outset .75pt;
background:#FFFF99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:12.0pt;
font-weight:normal;
}

td.tbl_img
{
border:outset .75pt;
background:#FFFF99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:12.0pt;
font-weight:normal;
}

div.web_container
{
position:relative;
width:100%;
height:600;
}

div.form_container
{
position:relative;
width:100%;
height:600;
}

div.imgbrowser
{
position:absolute;
/*background-color:#AAAAAA; */
width:54%;
min-width:650px;
height:560px;
right:5px;
top:0px;
padding:0cm 0pt 0cm 0pt;
border:0px solid gray;
}

div.site_web
{
position:relative;
border:none;
height:70%;
left:5;
width:44%;
top:0;
}

div.photoradio
{
position:absolute;
top:500px;
left:20px;
}

iframe.photobr
{
position:relative;
top:0;
left:0;
width:98%;
height:98%;
padding:0cm 0pt 0cm 0pt;
border:0px;
}

td.data-dark
{
padding-left:6px;
background-color:#DDDDDD;
height:18px;
font-family:sans-serif;
font-size:12px;
   
}
         
td.data-light
{
padding-left:6px;
background-color:#EEEEEE;
height:18px;
font-family:sans-serif;
font-size:12px;
}
                  
/* ------------------------------------------ Phenon elements  -------------------------------------------------------- */

div.ph_desc
{
position:absolute;
left:5px;
top:55px;
font-size:12.0pt;
font-family:"Book Antiqua";
color:#003366;
}

div.opts_container
{
position:absolute;
left:0;
right:0;
width:380px;
height:195px;
}

div.opts_container2
{
position:absolute;
left:0;
right:0;
width:380px;
height:195px;
}

p.ph_list_title
{
position:absolute;
background:#E0E0E0;
border:1px solid gray;
padding:0pt 3.5pt 0pt 3.5pt;
width:55%;
height:48px;
top:5;
left:7;
right:0;
}

p.ph_list_add_title
{
position:absolute;
background:#E0E0E0;
border:1px solid gray;
width:100%;
height:48px;
top:5;
left:5;
right:5;
}

p.ph_ph_title
{
position:absolute;
background:#E0E0E0;
border:1px solid gray;
padding:0pt 3.5pt 0pt 3.5pt;
top:5;
width:160px;
height:48px;
right:10;
}

select.ph_site_search
{
position:absolute;
left:0;
right:0;
padding:0pt 3.5pt 0pt 3.5pt;
width:100%;
}

input.obj_name
{
left:0;
right:0;
padding:0pt 3.5pt 0pt 3.5pt;
width:100%;
}

div.phsearch
{
position:absolute;
top:10px;
left:10px;
width:400px;
height:190px;
}

div.search_opts
{
position:absolute;
left:5;
top:70;
}

p.addbtn
{
position:absolute;
left:5px;
top:40px;
}

p.nav_text
{
font-family:"Book Antiqua";
color:#993300;
font-size:12;
font-weight:bold;
}

a.site_link
{
text-decoration:none;
}

table.inv_list
{
cellspacing:0;
cellpadding:0;
width:691.2pt;
}

th.inv_list_head1
{
valign:top;
width:50pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:10.0pt;
}

th.inv_list_head2
{
valign:top;
width:100pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:10.0pt;
}

th.inv_list_head3
{
valign:top;
width:400pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:10.0pt;
}

th.inv_list_head4
{
valign:top;
width:20pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:10.0pt;
}


td.inv_list
{
valign:top;
border:outset .75pt;
background:#FFFF99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:10.0pt;
}


/* ----------------------------------------- Strat elements --------------------------------------------------------- */

div.page_iframe
{
position:absolute;
top:50px;
left:100px;
width:875px;
height:505px;
padding:0cm 0pt 0cm 0pt;
border:1px;
}

iframe.pager
{
width:870px;
height:500px;
padding:0cm 0pt 0cm 0pt;
border:1px;
}

/* ----------------------------------------- Inventory elements ------------------------------------------------------ */

p.inv_desc
{
margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Book Antiqua";
color:#003366;
}

p.button_row
{
position:absolute;
top:50;
padding-left:30px;
}

div.invadd
{
position:absolute;
top:340px;
left:440px;
width:200px;
height:130px;
}

div.invsearch
{
position:absolute;
top:10px;
left:10px;
width:200px;
height:130px;
}

div.invadd2
{
position:absolute;
top:175px;
left:10px;
width:200px;
height:180px;
}

div.invsearch2
{
position:absolute;
top:10px;
left:10px;
width:200px;
height:180px;
}

p.search_inv_num
{
position:absolute;
background:#E0E0E0;
border:1px solid gray;
padding:0pt 3.5pt 0pt 3.5pt;
top:5;
width:100%;
height:48px;
left:5;
}


input.inv_num
{
width:100%;
height:20px;
}

td.inv_add_tbl
{
font-color:#003366;
}

select.inv_add_typesel
{
width:131.55pt;
}

table.dupe_tbl
{
width:691.2pt; 
border:inset .75pt;
padding:0cm 3.5pt 0cm 3.5pt
}

th.dupe_h1
{
width:50pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:10.0pt;
}

th.dupe_h2
{
width:100pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:10.0pt;
}

td.dupe_td1
{
border:outset .75pt;
background:#FFFF99;
padding:0cm 3.5pt 0cm 3.5pt;
}

p.inv_dupe
{
font-family:"Book Antiqua";
color:#666699;
font-size:14;
font-weight:bold;
}

table.inv_form
{
width:691.2pt;
border:inset .75pt;
padding:0cm 3.5pt 0cm 3.5pt;
}

td.inv_form1
{
height:30;
color:#003366;
background-color:E0E0E0;
}

td.inv_form2
{
height:30;
color:#666699;
background-color:E0E0E0;
}


.inv_form_tbl
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color:#0033CC;
background-color: #DDDDDD;
border-width:thin;
border: thin solid #000000;
}

.no_border
{
border-width:0px;
background-color: #DDDDDD;
text-color:#993333;
color:#333300;
}

/* --------------------------------------------- Admin elements -------------------------------------------------------------- */

div.admin_priv
{
position:absolute;
top:10px;
left:10px;
width:400px;
height:200px;
}
 
div.admin_user
{
position:absolute;
top:175px;
left:10px;
width:400px;
height:200px;
}

p.adm_title 
{
position:absolute;
left:15;
top:5;
font-family:"Times New Roman";
font-size:16.0pt;
color:#993300;
width:400px;
}

div.adm_frm
{
position:absolute;
left:15;
top:30;
font-family:"Times New Roman";
font-size:8.0pt;
font-color:#0000CC;
color:#000000;
width:410px;
display:box;
border-color:black;
border:1px;
border-style: solid;
border-width: thin;
}

div.add_user
{
position:absolute;
left:15;
top:30;
font-family:"Times New Roman";
font-size:8.0pt;
font:color:#0000CC;
width:660px;
height:260px;
}


/* --------------------------------------------- Color button & legends-------------------------------------------------------- */

/*
.ovalbutton{
background: transparent url('img/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; / Change 13px as desired /
line-height: 16px; / This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) /
height: 24px; / Height of button background height /
padding-left: 11px; / Width of left menu image /
text-decoration: none;

}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /button text color/
}

.ovalbutton span{
background: transparent url('img/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /Set 11px below to match value of 'padding-left' value above/
}

.ovalbutton:hover{ / Hover state CSS /
background-position: bottom left;
}

.ovalbutton:hover span{ / Hover state CSS /
background-position: bottom right;
color: black;
}

.buttonwrapper{ / Container you can use to surround a CSS button to clear float /
overflow: hidden; /See: http://www.quirksmode.org/css/clearing.html /
width: 100%;
}
*/

.squarelegend{
position:absolute; 
top: -12px;
background: transparent url('img/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarelegend, a:visited.squarelegend, a:active.squarelegend{
color: #494949; /*button text color*/
}

.squarelegend span{
background: transparent url('img/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.squarelegend:hover{ /* Hover state CSS */
background-position: bottom left;
}

.squarelegend:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}



/*------------------------------------------------ Phenon_forms --------------------------------------------------------- */

.test_class {
	background-color: #00CC99;
	border-top-style: solid;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: solid;
	border-bottom-width: thin;
	border-width: thin;
}
.TabbedPanels1_alap1 {
	background-color: #CCCCCC;
	height: 120px;
	width: 395px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: thin outset #000000;

}
.TabbedPanels1_alap2 {
	background-color: #FFF6E1;
	height: 120px;
	width: 395px;
	border: thin outset #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.TabbedPanels1_alap3 {
	background-color: #AAAAAA;
	height: 190px;
	width: 395px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: thin outset #000000;

}
.TabbedPanels1_alap4 {
	background-color: #DDDDDD;
	height: 190px;
	width: 395px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: thin outset #000000;

}
.alap1noborder {
        background-color: #CCCCCC;
        font-color:blue;
        font color:blue;
        color:blue;
	border-width:0px;
}
.alap2noborder {
        background-color: #FFF6E1;
        font-color:blue;
        color:blue;
	border-width:0px;
}
.alap3noborder {
        background-color: #AAAAAA;
        font-color:blue;
        color:blue;
	border-width:0px;
}
.alap4noborder {
        background-color: #DDDDDD;
        font-color:blue;
        color:blue;
	border-width:0px;
}

.oskor_color {
	background-color: orange;
}
.phen_inv_tbl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: thin solid #000000;
}
.szarmata_color {
	background-color: lightgreen;
}
.romai_color {
	background-color: green;
}
.keramia_color {
	background-color: #F5FAFF;
}

.oskor_noborder {
	background-color: orange;
	border-width:0px;
        font-color:blue;
        color:blue;
}

.szarmata_noborder {
	background-color: lightgreen;
	border-width:0px;
        font-color:blue;
        color:blue;

}
.romai_noborder {
	background-color: red;
	border-width:0px;
        font-color:blue;
        color:blue;
}
.keramia_noborder {
	background-color: #F5FAFF;
	border-width:0px;
        font-color:blue;
        color:blue;
}

th.con_list_head1
{
valign:top;
width:50pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:10.0pt;
}

th.con_list_head2
{
valign:top;
width:70pt;
border:outset .75pt;
background:#FFCC99;
padding:0cm 3.5pt 0cm 3.5pt;
font-size:10.0pt;
}



/* --------------------------------------------- TAB class ------------------------------------------------------------ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid black;
 font: bold 12px Verdana, sans-serif;
 color:white;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 color:white;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid black;
 border-bottom: 1px;
 background:blue;
 text-decoration: none;
 color:white;
}

ul.tabbernav li a:link { color: white; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: white;
 background: #AAE;
 border-color: none;
}

ul.tabbernav li.tabberactive a
{
 background-color: red;
 border-bottom: none;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: red;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {  /* border around tab page */
 padding:5px;
 border:1px solid black;
 border-top:1px solid black;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabbertabdisabled {
        display:none;

}

ul.tabbernav li span {
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 6px solid black;
 border-bottom: none;
 /*background: #D4D0C8;*/
 background: blue;
 text-decoration: none;
 font-weight:normal;
 color: #808080;
 cursor:default;

}

ul.tabbernav li a:visited { color: #448; } 

/*   ---------------------------------------------------------      Tooltip styles  */
div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(img/ntbg.png);
    
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}

div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 9px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('../img/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('../img/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../img/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}