/* CSS Document */

body{
	background-image: url(../images/background.jpg);
	background-color: #E9FFFF;
	background-repeat: repeat-x;	
    font-family: Verdana, Arial, helvetica, sans-serif;
/*	font-size: 70%;*/
	font-size: 8.5pt;
	color: #000;
}
p{
	margin: 0px;
	padding: 0px;/*
	margin-top: -10px;
	margin-bottom: 10px;
*/}
h1{
	font-size: 160%;
	display: block;
	border-bottom: 3px solid #0099FF;
	height: 25px;
	margin: 0px; 
	padding: 0px;
	padding-top: 5px;
}
h2{
	margin: 0px;
	margin-top: 5px;
	font-size: 140%;	
	padding: 0px;
}
h3{
	margin: 0px; 
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 125%;
	padding: 0px;
}
h4{
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 110%;
	padding: 0px;
}
h5{
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	font-size: 100%;
}
h6{
	margin: 0px;
	font-size: 100%;
	font-weight: normal;
	padding: 1px;
}
form{
	padding: 0px;
	margin: 0px;
}
a:link
{
	color: #0066CC;
	text-decoration: none;
}
a:visited
{
	color: #003399;
	text-decoration: none;
}
a:hover
{
	color: #990000;
	text-decoration: none;
}


#SmallLogo{
	position: absolute;
	left: 3px;
	top: 7px;
/*	border-bottom: 1px solid #CCCCCC;
	width: 100%;
*/
}


#Masterhead{
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 150px;
	top: 0px;
	width: 488px;	
}
#Head{
	text-align: center;
	white-space: nowrap;
	position: absolute;
	top: 7px;
	left: 0px;
	width: 488px;
	height: 28px;
}

.Caption{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
/*	margin-top: 5px;*/
}
.Caption a:link{
	color: #003399;
}
.Caption a:hover{
	color: #990000;
}

.Button, .ButtonYellow{
	margin-top: 3px;
	font-weight: bold;
	color: #FFFFFF;
}
.Button a:link, .Button a:visited{
	color: #FFFFFF;
}
.ButtonYellow a:link, .ButtonYellow a:visited {
	color: #FFFF00;
}
.Button a:hover, .ButtonYellow a:hover{
	color: #990000;	
}

#Button1{
	position: absolute;
	left: 0px;
	top: 4px;
	height: 20px;
	width: 77px;
	background: url("../images/button_normal.gif") no-repeat;	

}
#Button2{
	position: absolute;
	left: 81px;
	top: 4px;
	height: 20px;
	width: 77px;
	background: url("../images/button_normal.gif") no-repeat;	
}
#Button3{
	position: absolute;
	left: 162px;
	top: 4px;
	height: 20px;
	width: 77px;
	background: url("../images/button_normal.gif") no-repeat;	
}
#Button4{
	position: absolute;
	left: 243px;
	top: 4px;
	height: 20px;
	width: 77px;
	background: url("../images/button_normal.gif") no-repeat;	
}
#Button5{
	position: absolute;
	left: 324px;
	top: 4px;
	height: 20px;
	width: 77px;
	background: url("../images/button_normal.gif") no-repeat;	
}
#Button6{
	position: absolute;
	left: 405px;
	top: 4px;
	height: 20px;
	width: 77px;
	background: url("../images/button_normal.gif") no-repeat;	
}

#VocablandLink{
	position: absolute;
	top: 9px;
	left: 0px;
}

#LeftNavigator{
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 5px;
	top: 0px;
	width: 144px;
}
#RightNavigator{
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 637px;
	top: 0px;
	width: 144px;
}
#AdsColumn{
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 781px;
	top: 40px;
	width: 144px;
}

#LeftNav{
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 40px;
	width: 144px;
/*	background-color: #FF00FF;
	border-width: 0px;*/
}
#RightNav{
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 40px;
	width: 144px;
}

.NavTop{
	background: url("../images/nav_bar_top.gif") no-repeat;
	height: 22px;
	margin: 0px;
	padding: 0px;
	padding-top: 1px;
	margin-bottom: -1px;
}
.NavMid1{
	margin: 0px;
	padding: 0px;
	background: url("../images/white_nav_bar_mid.gif");
	height: 100%;
}	
.NavBot1{
	background: url("../images/white_nav_bar_bot.gif") no-repeat;
	height: 17px;
	margin: 0px;
	padding: 0px;	
}
.NavMid2{
	margin: 0px;
	padding: 0px;
	background: url("../images/yellow_nav_bar_mid.gif");
	height: 100%;
}		
.NavBot2{
	background: url("../images/yellow_nav_bar_bot.gif") no-repeat;
	height: 17px;
	margin: 0px;
	padding: 0px;
}
.NavMid3{
	margin: 0px;
	padding: 0px;
	background:   url("../images/gray_nav_bar_mid.gif");
	height: 100%;
}
.NavBot3{
	background: url("../images/gray_nav_bar_bot.gif") no-repeat;
	height: 17px;
	margin: 0px;
	padding: 0px;
}

#MainPanel{
	position: absolute;
	top: 40px;
	width: 488px;
	left: 149px;
	margin: 0px;
	padding: 0px;
	height: auto;
}
#PanelTop{
	background: url("../images/panel_top.gif") no-repeat;
	height: 22px;
	margin: 0px;
	padding: 0px;
	padding-top: 1px;
	margin-bottom: -1px;
}
#PanelMid{
	background:  url("../images/panel_mid.gif");
	height: 100%;
	margin: 0px;
	padding: 0px;
}
#PanelBot{
	background: url("../images/panel_bot.gif") no-repeat;
	height: 17px;
	margin: 0px;
	padding: 0px;	
	padding-bottom: 3px;
}
#LanguageBar{
	position: absolute;
	top: 1px;
	width: 37%;
	left: 60%;
	margin: 0px;
	padding: 0px;	
}
.Header{
	display: block;
	border-bottom: 3px solid #CC0000;
	height: auto;
	margin: 0px; 
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.Info{
	color: #003399;
	text-align: center;
}
.Info a:link
{
}
.Info a:visited{
}
.Info a:hover{
	color: #990000;
}
.InfoDim{
	color: #ADBDDD;
	text-align: center;
	margin-top: 5px;
}

.NavLinks{
/*	background-color: #FFFF00;*/
	margin: 0px;
	padding: 0px;	
/*	border-width: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;*/
}
.NavLinks ul a:link, .NavLinks ul a:visited, .NavLinks ul a:hover {
	display: block;
}
.NavLinks ul {
/*	background-color: #3300FF;*/
	list-style: none;
	padding: 0px 10px 0px 8px;
	margin: 0px;
/*	margin-bottom: -4px;*/
}

 /*hack to fix IE/Win's broken rendering of block-level anchors in lists
.navLinks li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack 
html>body .navLinks li {border-bottom: none;} */

.navLinks li{

}
.Links, .LinksRed{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-indent: 3px;
	position: relative;
/*	top: 1px;*/
/*	padding-bottom: 1px;*/
}
.Links a:link
{
	border-bottom: 1px solid #ADBDDD;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto; /*hack za IE5, proveriti*/
	hei\ght: 100%;
	padding-top: 7px;
	padding-bottom: 2px;
}

.Links a:visited{
	border-bottom: 1px solid #ADBDDD;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto; /*hack za IE5, proveriti*/
	hei\ght: 100%;
	padding-top: 7px;
	padding-bottom: 2px;
/*	margin-top: 7px;*/
}

.Links a:hover{
	border-bottom: 1px solid #ADBDDD;
	margin: 0px;
	padding: 0px;
	background-color: #DEE3ED;
	width: auto;
	height: auto; /*hack za IE5, proveriti*/
	hei\ght: 100%;
	padding-top: 7px;
	padding-bottom: 2px;
/*	margin-top: 7px;*/

/*	padding-top: 7px;*/
/*	padding-bottom: 0px;*/
}
.LinksRed a:link, .LinksRed a:visited{
	color: #FF0000;
}
.LinksRed a:hover{
	color: #990000;
}

#BottomInfo{
	margin: 0px;
	padding: 0px;
}

#TextArea{
	position: relative;
	display: block;
	border-bottom: 3px solid #0099FF;
	padding: 0px;
	padding-bottom: 5px;
	width: 95%;
	margin-left: 10px;
	text-align: justify;
}
#TextTable{
	width: 100%;
	height: 100%;
}

#CenterAd{
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	margin-left: 8px;
}
ul{
	margin-top: 5px;
	margin-bottom: 10px;
}

ol{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.mini_logo{
	margin-right: 5px;
}

.Download{
	display: block;
	background-color: #FFFFCC;
	border: 1px solid #FF0000;
/*	height: 40px;*/
	height: auto;
	width: 300px;
	margin: 10px; 
	margin-left: 50px;
	padding: 0px 0px;
	text-align: center;
	font-weight: bold;	
}
.Download ul{
	padding: 0px;
	margin: 10px;
	list-style: none;
}
.Download ul a:link, .Download ul a:visited, .Download ul a:hover {
	display: block;
}
.Download a:link
{
	margin: -10px;
	padding: 0px;
	width: 300px;
	height: 10px; /*hack za IE5, proveriti*/
	hei\ght: 20px; /*hack za IE5, proveriti*/
	padding-top: 12px;
	padding-bottom: 8px;
}

.Download a:visited{
	margin: -10px;
	padding: 0px;
	width: 300px;
	height: 10px; /*hack za IE5, proveriti*/
	hei\ght: 20px; /*hack za IE5, proveriti*/
/*	margin-top: 7px;*/
	padding-top: 12px;
	padding-bottom: 8px;
}

.Download a:hover{
	margin: -10px;
	padding: 0px;
	background-color: #DEE3ED;
	width: 300px;
	height: 10px; /*hack za IE5, proveriti*/
	hei\ght: 20px; /*hack za IE5, proveriti*/
/*	margin-top: 7px;*/
	padding-top: 12px;
	padding-bottom: 8px;
/*	padding-bottom: 0px;*/
}

.Block{
	display: block;
	background-color: #FFFFCC;
	border: 2px solid #0099FF;
	height: auto;
	width: auto;
	margin: 0px; 
	padding: 3px 0px;
}
#Box{
	position: relative;
	top: 100px;
	height: 300px;
}

.TB {
	border-color: #0099FF;
	border-style: solid;
	border-width: 1px;
}
.TBY{
	background-color: #0066FF;
}


.Line2, .Line1{
	display: block;
	height: 2px;
	padding: 1px;
	margin-top: 10px;
	margin-bottom: 0px;	
}
.Line2{
	border-top: 2px solid #0099FF;
}
.Line1{
	border-top: 1px solid #0099FF;
}

.Photo{
	padding: 0px;
	margin: 0px;
	margin-top: 50px;
	position: relative;
	width: 154px;
	height: 250px;
	float: left;

}

#OrderPanel{
	margin: 0px;
	padding: 0px;
/*	position: absolute;
	left: 0px;
	top: 40px;
	width: 144px;*/
	width: 400px;
	padding-top: 5px;
	margin-left: 30px;

}

.OrderTop{
	background: url("../images/order_header_y.gif") no-repeat;
/*	background-color: #FFFF00;*/
	height: 13px;
	margin: 0px;
	padding: 0px;
/*	background-color: #00FF66;
	border-width: 0px;*/
/*	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;*/

	padding-top: 1px;
	margin-bottom: -8px;
}
.OrderMid{
	margin: 0px;
	padding: 0px;
	background: url("../images/order_body_y.gif");
	height: 100%;
	padding-top: 1px;
/*	background-color: #00CCFF;*/
	padding-bottom: 1px;
	text-indent: 10px;
}	
.OrderBot{
	background: url("../images/order_footer_y.gif") no-repeat;
/*	background: url("../images/yellow_nav_bar_bot.gif") no-repeat;*/
/*	background-color: #CC6600;*/
	height: 13px;
	margin: 0px;
	padding: 0px;	
/*	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;*/
/*	background-color: #FF9933;*/
	padding-top: 1px;
}

#CenterAdFrame{
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
}

#Dict{
	color: #666666;
	padding: 0px;
	margin: 0px;
	margin-top: 120px;
}

#DHeader{
	display: block;
	border-bottom: 2px solid #CC0000;
	height: auto;
	margin: 0px; 
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
}
#DBox{
	position: relative;
	padding: 0px;
	margin: 0px;
	top: 130px;
	height: 230px;
	margin-bottom: 120px;
}
#DBoxD{
	position: relative;
	padding: 0px;
	margin: 0px;
	top: 0px;
	height: 200px;
}
#DBoxU{
	position: relative;
	padding: 0px;
	margin: -1px;
	top: 0px;
	height: 5px;
}
.DWord{
	font-size: 160%;	
	font-weight: bold;
	color: #003399;
	padding: 0px;
	margin: 0px;
}
.DPron{
    font-family: Arial, Tahoma, sans-serif;	
	color: #993333;
	padding: 0px;
	margin: 0px;
}
.DType{
	font-weight: bold;
	font-style: italic;
	color: #6699FF;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-left: -10px;
	margin-bottom: 3px;
}
#DTrans{
	color: #666666;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
}
#DSynAnt{
	padding: 0px;
	margin: 0px;
	color: #660066;
	margin-left: 10px;
}
.DPh{
	color: #0033FF;
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
	margin-bottom: 3px;
}
.DEx{
	color: #009966;
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
	margin-bottom: 3px;
}
.DPET{
	color: #999900;
	padding: 0px;
	margin: 0px;
}
.DArea{
	padding: 0px;
	margin: 0px;
	color: #FF99CC;
}
.DSyn{
	padding: 0px;
	margin: 0px;
	color: #CC99FF;
	font-weight: bold;
	font-style: italic;
	margin-top: 10px;
	margin-left: -10px;
	margin-bottom: 3px;
}
.DAnt{
	padding: 0px;
	margin: 0px;
	color: #99CC33;
	font-weight: bold;
	font-style: italic;
	margin-top: 10px;
	margin-left: -10px;
	margin-bottom: 3px;
}
#DFind{
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 40px;
	width: 260px;
	height: 110px;
}
#DSim{
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 270px;
	top: 40px;
	width: 190px;
	height: auto;
	margin-top: 1px;
	background-color: #6699CC;
	padding-top: 3px;
}

.Size140 {font-size: 140%;}
.Size110 {font-size: 110%;}
.Size125 {font-size: 125%;}
.Size90 {font-size: 90%;} 
.Size80 {font-size: 80%;} 
.Lower4 {margin-top: 4px;}
.Lower5 {margin-top: 1px;}
.Red {color: #FF0000;}
.Yellow {color: #FFFF00;}
.White {color: #FFFFFF;}
.Green {color:#006600;}
.Blue {color: #003399;}
.NotBold {font-weight: normal;}
.Bold {font-weight: bold;}
.Margin0 {margin: 0px;}
.MarginTop5 {margin-top: 5px;}
.MarginTop10 {margin-top: 10px;}
.MarginTop20 {margin-top: 20px;}
.MarginBot20 {margin-bottom: 20px;}
.Underline {text-decoration: underline;}
.LetterSpacing01 {letter-spacing: -0.1em;}
.Grey {color: #999999;}
.DarkGrey {color: #666666}
.Black {color: #000}
.LeftIndent25 {text-indent: 25px}
.LeftIndent50 {text-indent: 50px}