/* ***************************************************************************************************** */

/*GENERAL CSS*/
@font-face {
	font-family: Telogbol;
	src: url('Telogbol.ttf');
}
@font-face {
	font-family: Telognor;
	src: url('Telognor.ttf');
}

@font-face {
	font-family: Temetboo;
	src: url('Temetboo.ttf');
}

@font-face {
	font-family: Temetmed;
	src: url('Temetmed.ttf');
}

@font-face {
	font-family: Temetwid;
	src: url('Temetwid.ttf');
}

@font-face {
	font-family: Tescabit;
	src: url('Tescabit.ttf');
}

@font-face {
	font-family: Tescabol;
	src: url('Tescabol.ttf');
}

@font-face {
	font-family: Tescaita;
	src: url('Tescaita.ttf');
}

@font-face {
	font-family: Tescanor;
	src: url('Tescanor.ttf');
}


fieldset {
border:none;
padding: 0px;
}

BODY{
    background:#4C4C4C url('./../images/body_bg.gif') repeat-x scroll left top;
    /*font-family:Arial;*/
    font-family: Arial,Telogbol,Telognor,Temetboo,Temetmed,Temetwid,Tescabit,Tescabol,Tescaita,Tescanor,;
    font-size:75%;  
    margin:0px auto 10px;
    padding:0pt;
    min-height:500px;
}
/*Main container div*/
#round {
    width:808px;
    margin:0px auto 0px;
}
/*header with image*/
#header {
    background:transparent url('./../images/index_bgtop2.png') no-repeat scroll 0% 0%;
    height:72px;
    margin-top:15px; 
    margin-left:4px;
}
/*logo is an image on the right side inside the header*/
#logo { 
    background:transparent url('./../images/ereslogo_small.gif') no-repeat scroll 0% 0%;
    height:45px;
    float:right;
    margin:15px;
    width:89px;
}
/*main is the div on the same level of header containing menu and page contents*/
#main {
    /*Main can have a background*/
    /*background:transparent url('/templates/beez/./../images/index_bgmiddle.png') repeat-y scroll 0% 0%; */
    margin-top:0px;
    margin-left:4px;
    margin-right:4px;
    width:800px;
    min-height:480px;
}
/*bigpicture can contain images; will be rotated*/
.bigpicture{
    width:100%;
    height:100%;
    height:220px;
}

/*end of big pictures*/
/*undermain is the container div holding the menu and pages*/
#undermain {
   /*
    background:transparent url('./../images/under_bridge.png') repeat-y scroll 0% 0%;
    now the background is white; can be the under_bridge image which has a fade
    */
    background-color: white;
    /*forcing that the content has at leight 500px room*/
    display:block;
    min-height:400px;
}
/*div holding the content of the page*/
#pagecontent{
    float:left;
    padding:4px;
    width:550px;
}
/*container div holding the menu*/
#navigation {
    float:left;
    width: 200px;
    /*forcing navigation to be as big as the undermain div*/
    padding:4px;
    /*background:transparent url('/templates/beez/./../images/menu_bg.png'); */
}
/*the container div for all the menu items*/
#menu {
    font-size:14px;
    max-height:180px;
    width:200px;   
    height:100%; 
}
/*css for ul lists with menu items in menu div*/
#menu ul {
    display:block;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    height:100%; 
}
.selected { 
    cursor:pointer;
    font-size: 14px;   
    font-family: inherit;
    font-weight:bold;
    color:#003366;
}
.itemdef{
    color:#101073;
    font-size: 12px;
    font-family: inherit;
}
.item{
    color:#101073;
    /*cursor:pointer;*/
    font-size: 14px;
    font-family: inherit;
}
.item0{
    color:#101073;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}

.item1{    
    color:#0E1A7A;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item2{          
    color:#0D2482;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item3{
    color:#0C2F89;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item4{
    color:#0B3991;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item5{
    color:#0A4499;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item6{
    color:#094EA0;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item7{
    color:#0859A8;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item8{
    color:#0663B0;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item9{
    color:#056DB7;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item10{
    color:#0478BF;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item11{
    color:#0382C7;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item12{
    color:#028DCE;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item13{
    color:#0197D6;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item14{
    color:#00A2DE;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item15{
    color:#00A2DE;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item16{
    color:#00A2DE;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}
.item17{
    color:#00A2DE;
    cursor:pointer;
    font-size: 14px;
    font-family: inherit;
}

/*the footer; footer can also be rotated with images!?*/
#footer {
    background:transparent url('./../images/footer.png') 0% 0%;  
    height:76px;
    width:100%;
    margin-top:2px;
    margin-bottom: 15px;
}
#footer2 {
   background-color: white;
    height:76px;
    width:100%;
    margin-top:2px;
    margin-bottom: 15px;
}
/*css for standard items*/
P {
    font-family: inherit;
    color:#101073;
    font-size:12px;
    margin-bottom:1.7em;
}
 PRE{
    
    font-family: inherit;
    color:#101073;
    font-size:12px;
    margin-bottom:1.7em;
 }
H1{
    font-family: inherit;
    color:#D6004A;
    font-size:20px;
    font-weight:bold;
    margin-bottom:0.5em;
}

H2{
    font-family: inherit;
    color:#101073;
    font-size:18px;
    margin-bottom:0.3em;
}

H3{
    font-family: inherit;
    color:#101073;
    font-size:16px;
    font-weight:bold;
    margin:0px;   
}
H4{
    font-family: inherit;
    font-size:16px;
    margin:0px;
    color:#101073;
}

a:link, a:active, a:visited{
    font-family: inherit;
    /*color:#003366;*/
    color:#D6004A;
    text-decoration:none;
}

a:hover{
     color:#D6004A;
}
#loading_screen{  
  display: none;
  position:fixed; 
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: black;
  text-align: center;
  padding-top:0px;
  opacity: 0.75;
  filter: alpha(opacity=75);
    margin:0px;   
}
#sub_loading_screen{
    margin-top:400px;
    text-align:center; 
}
#sub_loading_screen H1{
    color: white; 
}
#sub_loading_screen H3{
    color: white; 
}
table {
  border-collapse: collapse;
  border: 1px solid #666666;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #f6f6f6;
  text-align:left;
  }
caption {
  text-align: center;
  font: bold 16px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #CC00FF;
  text-transform: uppercase;
}
thead, tfoot {
background:url(bg1.png) repeat-x;
text-align:left;
height:30px;
}
thead th, tfoot th {
padding:5px;
}
table a {
color: #333333;
text-decoration:none;
}
table a:hover {
text-decoration:underline;
}
tr.odd {
background: #f1f1f1;
}
tbody th, tbody td {
padding:5px;
}
.textbox {
    font-family: inherit;
    width:220px;
}
.select {
    font-family: inherit;
    width:300px;
}