html {height: 100%; margin: 0px; }
body {height: 95%; margin: 8px 8px 0px 8px; font-family: verdana,sans-serif; font-size: 10pt; background-color:#ffffff; }


/* iframe styles */


.login_popup { 
 position: absolute; 
 visibility: hidden;
 width: 200px;
 background-color: #ffffaa; 
 border: 1px solid black; 
 padding: 3px; 
 z-index: 10 
}

input.fancy, select.fancy, textarea.fancy  {
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: 10px; 
  border: #7f849e; 
  border-style: solid; 
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px; 
  border-left-width: 1px
} 


input.pagination {
  font-family:verdana, arial; 
  background-color: #ffffff;
  border-style: double;
  border-width: 1px;
  border-color: #7f849e;
}
input.selected_page {
  font-family:verdana, arial; 
  background-color: #e3e3e3;
  border-style: double;
  border-width: 1px;
  border-color: #7f849e;
}

h1 { font-family:verdana, arial; font-size: 14pt; font-weight: normal; margin: 0; margin-bottom: 0.5em;}
h2 { font-family:verdana, arial; font-size: 12pt; font-weight: bold; margin: 0;}
h3 { font-family:verdana, arial; font-size: 10pt; font-weight: bold; margin: 0;}

.title {
  font-family:verdana, arial;
  font-weight: bold;
  margin: 0;
  }

div.tag { 
	font-family:verdana, arial; 
	font-size: 8pt; 
	background-color: #ebebeb; 
	width:95%; 
	margin: 2px;
	text-align: center; 
}

option.tag { 
	font-family:verdana, arial; 
	font-size: 8pt; 
	background-color: lightgrey;
	margin: 2px;
	text-align: center; 
}

.dim { 
  color: #7f849e; 
} 

select.easy_date {
  font-family: courier new, monospace; 
  font-size: 9pt; 
}

a:link { color: #003399; text-decoration: none; outline: none; }
a:visited { color: #003399; text-decoration: none; outline: none; }
a:active { color: #003399; text-decoration: underline; outline: none; }
a:hover { color: #003399; text-decoration: underline; outline: none; }

a.menu { 
  font-family:verdana, arial; 
  font-size: 9pt; 
  color: black; 
  outline: none;
}
a.menu:hover { 
  font-family:verdana, arial; 
  font-size: 9pt; 
  color: black; 
  text-decoration: none;
  outline: none;
}

a.cmp_menu { 
  font-family:verdana, arial; 
  font-size: 9pt; 
  color: black; 
  outline: none;
}
a.cmp_menu:hover { 
  font-family:verdana, arial; 
  font-size: 9pt; 
  color: black; 
  text-decoration: none;
  outline: none;
}

.logo {
  float:left;
  background-color:#ffffff;

}
/*-- top menu --*/

/*Grey area*/
#menycontainer ul{
  background-color: #e5e6e7;
  margin:0px 0px 0px 0px;
  height:56px;
}

#menycontainer li{
  display: inline;
  font-family:arial, sans-serif; 
}

/*blue links*/
#menycontainer ul a{
  float:left;
  background: #aabfc9;
  margin: 13px 7px 0px 15px;
  padding: 0.8em 2em 0.7em 2em;
} 

#menycontainer a:link{
  color: #003399;
  font-weight:bold; 
  font-size:8pt;
}

#menycontainer a:visited{
  color: #003399; 
  font-weight:bold;
  font-size:8pt;
}

#menycontainer a:hover{
  color: #003399;
  font-weight:bold;
  font-size:8pt;
}

/*-- end of top menu --*/

.left_menu_bottom_object {
  position:absolute;
  top: 480px;
  left:20px;
  font-family:arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#003399;
  z-index:3;
}

#text_container{
  width:400px;
  position:absolute;
  top:110px;
  left:135px;
  z-index:1;
}

#image_container{
  position:absolute;
  top: 115px;
  left:560px;
  width:255px;
  z-index:3;
}

#component_menu {
  position: absolute;
  top: 115px;
  left: 860px;
  width: 150px;
  padding:0px;
  z-index:2;
}

/* OFFICE-STYLE FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 position:absolute;
 top:100px;
 left:8px;
 width: 112px;
 height:406px;
 list-style: none;
 background: #e5e6e7;
 margin-left:0px;
 padding-left:0px;
 z-index:2;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 display: none;
 list-style: none;
 position: absolute;
 top: 0px;
 left: 110px;
 height: 0px;
 width:250px;
 background-color: #d1d2d3;
 z-index:2;
 margin-left:0px;
 padding-left:0px;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
 position: relative;
 width:100%;
 background-color: #e5e6e7;
 border-bottom: 2px solid #003399;
 z-index:2;
 margin-left:0px;
 padding-left:0px;
}

/* Links inside the menu */
.menulist li a, menulist li a:visited {
 display: block;
 padding: 10px 1px 10px 10px;
/* border: 1px solid transparent;*/
 margin-left:0px;
 color:#003399;
 font-family:arial, sans-serif;
 font-size:8pt;
 font-weight:bold;

}
/* HACKS: MSIE doesn't support transparent borders, mimic with margins */
*+html .menulist li a, .menulist a:visited  {
 border: none;
/* margin: 1px;*/
}
* html .menulist li a, .menulist a:visited  {
 border: none;
/* margin: 1px;*/
}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #cc0000;
 padding: 10px 1px 10px 10px;
 border: 1px solid #ADF;
 margin-left:0px;
 padding-left:10px;
 border:1px solid black;
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #68C;
 border: 1px solid #CDE;
 margin-left:0px;
 padding-left:10px;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

#left_container{
 position:absolute;
 top:100px;
 left:8px;
 width: 112px;
 height:406px;
 background: #e5e6e7;
 text-align:center;

 }

.thumb_container {
 height:90%;
 margin:10px 0px 10px 0px;
/* overflow-y:scroll;*/
 overflow:auto;
}

.thumb_container a{
/* border:1px solid #003399;*/
}

#gallery_text_container{
  position:absolute;
  top: 115px;
  left:550px;
  width:255px;
}

#iframe_container{
  float:left;
  position:absolute;
  top:110px;
  left:135px;
  z-index:1;
}

.arial_sort_tab {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
.arial_fet_sort_tab {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}