﻿
body 
{
   margin : 0;
   padding : 0;
   text-align : left;
   color : #333;
   background: White;
   font-family: verdana, sans-serif;
   font-size: 12px;
}

#banner 
{
   margin: 0;
   padding: 0;  	
   width: 100%;
   min-width: 900px;
   height:130px;
   /*background-image: url(../img/header_bg.jpg);*/
   background-image: url(../img/ukrposhta-new.JPG);
}

.logoUK
{
   margin: 0;
   padding: 0;  
   width: 100%;
   height: 130px;
   background: url(../img/logo.jpg);
   background-repeat: no-repeat;
}

.logoEn
{
   margin: 0;
   padding: 0;  
   width: 100%;
   height: 130px;
   background: url(../img/logoEN.jpg);
   background-repeat: no-repeat;
}

#calculator
{
   margin-top: 0;
   padding-bottom : 0;  	
   width: 100%;
   min-width: 900px;
   height: 35px;    
   text-align: center;    
   background: url(../img/Calculator.jpg);
   background-repeat: repeat;
   font: bold 16px trebuchet, arial, sans-serif;
   color: #003B7F;
}

#container
{
   width: 100%;
   margin-top : 0;
   padding: 0;
   color: #333;
   background: White;
}

#sidebar 
{
   float: left;
   width: 100px;
   margin : 0 0 0 0;
   height : 500px;
   padding : 5px;
   background : #eee;
}

#sidebar-b 
{
  line-height: 1.8em;
  float : right;
  width: 1%;
  margin : 0 0 0 0;
  height : 500px;
  padding : 5px;
  background: #eee;
  text-align:left;
}

#content
{
  line-height: 1.8em;
  margin-top : 0;
  background : #eee;
  position: inherit;
  padding-top : 10px;
  padding-left: 10px; 
}

.clear
{
	height: 30px;
	text-align: center;
	font-size: 20px;
	color: #3333FF;
}

.width 
{
    width: 100%;
    height: 130px;
    min-width: 900px;
}

.content
{
    background-image: url(../img/header_bg.jpg);
}

* html .minwidth 
{
    padding-left:900px;
}

* html .containerWidth 
{
   margin-left:-900px;
   position:relative;
}

/*\*/
* html .minwidth,
* html .containerWidth,
* html .content,
* html .layout 
{
   height:130px;
}
            /**/
                  
.menu
{
	width : 90px;
	padding: 4px 0 0 0;
	margin-left: 0PX;
	height: 100%;
	position: inherit;
	bottom: 8px;
}

.menu ul 
{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.menu li 
{
   margin : 0 0 .5em 0;
}

.menu div
{
	display: none;
	position: absolute;
	clip: rect(auto, auto, auto, auto);
	margin-top: -15px;
	margin-left: 104px;
	background-color: #FFFFFF;
	width: 100px;
}
 
.menu a
{
	border-left: 5px solid #7BA1B8;
	display: block;
	font-size: 12px;
	color: #020222;
	background: #DEE0FA;
	width: 100%;
	padding: 5px 5px 6px 5px;
	text-decoration: none;
	position: inherit;
	border-left-width: 6px;
	border-left-color: #0066FF;
}

.menu a:hover
{
	border-left: 5px solid #333;
	background: #7BA1B8;
	color: #000;
	border-left-width: 5px;
}

.menu li.active
{
	border-left: 5px solid #333;
	background: #7BA1B8;
	color: #000;
	border-left-width: 5px;
}

#header
{
    margin-top: 0;	
    width: 100%;
    height: 35px;   
    /*background: url(../img/header.jpg);*/
    /*background-repeat: repeat;*/
    background-color: White;
    font: bold 14px trebuchet, arial, sans-serif;
    color: #003B7F;
}

.left
{
    text-align: left;
    padding-left: 5%;
    width: 30%;
}

.right
{
    text-align: left;
    padding-left: 5%;
    width: 70%;
}

#left1
{
    height: 35px;
    float:left; 
    width: 95%; 
    margin : 0 0 0 0;
}

#right1
{
    height: 35px;
    float: right;
    width: 5%;
    margin-right: 5%; 
    margin-bottom: 0;
    font-size: 11px;
}

.linkUkr
{
    text-align: center;
    float: left;
    margin-top: 10px;
    display: block; 
    width: 49%;
    padding-bottom: 13px;
    text-decoration: none;
}

.linkUkrSelected
{
    text-align: center;
    float:left;
    margin-top:10px;
    display:block; 
    background:White; 
    width:49%;
    padding-bottom: 13px;
    text-decoration: none;
}

.linkUkr:hover
{
    text-align: center;
    float:left;
    margin-top:10px;
    display:block; 
    width:49%;
    padding-bottom: 13px;
    text-decoration: none;
    /*background: #EEE118;*/
    background: White;
}

.linkEng
{
    text-align: center;
    float:right; 
    display:block; 
    width:49%;
    margin-top:10px;
    padding-bottom: 13px;
    text-decoration: none;
}

.linkEngSelected
{
    text-align: center;
    float:right; 
    display:block; 
    width:49%;
    margin-top:10px;
    background:White; 
    padding-bottom: 13px;
    text-decoration: none;
}

.linkEng:hover
{
    text-align: center;
    float:right; 
    display:block; 
    width:49%;
    margin-top:10px;
    padding-bottom: 13px;
    text-decoration: none;
    /*background: #EEE118;*/
    background: White;
}


.myGrid th 
{
    border-color: Black;
    border-style: solid;
    border-width: 1px;	
}


.tdborderleft
{
	border-bottom-color: Black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
    border-left-color: Black;
    border-left-style: solid;
    border-left-width: 1px;	
}

.tdborderright
{
	border-bottom-color: Black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
    border-right-color: Black;
    border-right-style: solid;
    border-right-width: 1px;	
}

.td
{
	
}

