/* project: internet market
   design: luka cvrk (www.solucija.com) 
   framework: Concept Nova (www.conceptnova.com) */
   
body { padding: 0; margin: 0; font: 0.7em Tahoma; line-height: 1.5em; 
background: #fff url(body.bg.gif) ; color: #454545; }

h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a { color: #FFF; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
h3 { font: 90% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: #FFF; }
p {	margin: 0 0 0px 0; line-height: 1.5em; }
form { margin: 0; }
input.search { width: 199px; border: none; background: #FFF url(input.gif); padding: 4px; color: #808080; }
input.submit { height: 19px; cursor:pointer; font-weight: 600; width: 53px; border: none; background: #D96855 url(button.gif); padding: 3px; color: #FFF; font-family:Tahoma; font-size:8pt }

/* layout
   ------ */

.content { 
	margin: 0px auto;
	width: 768px;
	background: #FFF url(big_middle.gif) repeat-y;
	color: #454545;
	
}

.logo {	padding: 18px 0 0 3px; }

/* header */
.header_top { background: #FEFEFE url(big_top.gif) no-repeat; color: #FFF; height: 15px; }
.header
{
    padding: 0px 10px 0 10px;
    background-image: url(images/main.jpg);
    height:115px;
    margin-right:3px;
}
.header_bottom { clear: both; background:  url(big_bottom.gif) no-repeat; color: #FFF; height: 15px; }
/* header menu */
.header_top_menu { background: #FEFEFE url(big_top_menu.gif) no-repeat; color: #FFF; height: 15px; }
.header_menu { padding: 0px 10px 0 10px; background-color:#495577  }
.header_bottom_menu { clear: both; background: #FEFEFE url(big_bottom_menu.gif) no-repeat; color: #FFF; height: 15px; }

/* navigation */
#nav { width:100%; float:right; margin-right:-1px }
#nav ul { margin:0; list-style:none; padding: 0;  }
#nav a, #nav strong, #nav span { float:right; display:block; color:#495577; padding: 7px 20px 4px 10px; text-decoration:none; font-weight: bold; }
#nav a { float:none; }
#nav li { float:right; color: #495577;  margin:0; padding:0 0 0 9px; font-family:Tahoma; font-size:8pt; font-weight:600 }
#nav #current { background: #1995C2 url(nav.gif) no-repeat 0 -41px; color: #FFF; }
#nav #current a { background: #1995C2 url(nav.gif) no-repeat 100% -41px; padding:7px 20px 4px 11px; color:#FFF; }
#nav a:hover { color:#495577; }   

#src
{
   
	height:30px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	

	font-family:Tahoma;
	
	font-weight:600;
	font-size:8pt;
	padding-right:5px;
}	
.cTextbox
{
    background-color: aliceblue;
    border-right: #0000ff 1px ridge;
    border-top: #0000ff 1px ridge;
    font-size: 10pt;
    border-left: #0000ff 1px ridge;
    width: 125px;
    border-bottom: #0000ff 1px ridge;
    font-family: Tahoma;
}
.sf_left {
	float: left;
	width: 536px;

	
}

.sf_right {
	float: right;
	width: 200px;
	height: 29px;
	color: #FFF;
	
	padding: 10px 0 20px 7px;
	position:absolute;
	bottom:546px;
	
    
}

.sf_search {
	clear: both;
	background: #CA090D url(searchbg.gif) repeat-x bottom left; 
	color: #FFE4E0;
	border-top: 1px solid #AA1717;
	border-bottom: 1px solid #000;
	padding: 18px 0 17px 15px;
	direction:rtl;
	 
}
	
.subheader {
	padding:0 2px 0 8px;
	
	color: #ffffff;
	font-family:Tahoma;
	 text-decoration:none;
	 width:750px;
	 text-align: center;
	 margin-top:-40px;
	
}
.subheader_top {
	  direction:rtl;
		background:  url(subheader_top.gif) no-repeat;
		color: #808080;
		height: 10px;
		width: 766px;
}
.subheader_bottom {
	  direction:rtl;
		background:  url(subheader_bottom.gif) no-repeat;
		color: #808080;
		height: 10px;
		width: 766px;
}
/* left side
   --------- */

.left {
	float: left;
	width: 565px;
	margin: 10px 0 10px 0;
	 margin-left:10px;
	 
	 
		 direction:rtl;
		 text-align:right;
}

	.box_top 
	{
	    direction:rtl;
		background: #ffffff url(leftbox_top.gif) no-repeat;
		color: #ffffff;
		height: 30px;
		width: 176px;
        
	}
	
	.box_top h2 
	{
	    font-family:Tahoma;
		color: #ffffff;
		background: inherit;
	
	     text-align:center;
	}
	
	.box 
	{
	    direction:rtl;
		border-left: 1px solid #e1e2e7;
		border-right: 1px solid #e1e2e7;
		border-bottom: 1px solid #e1e2e7;
		 border-top: 1px solid #e1e2e7;
		 text-align:right; 
		padding: 0 4px 0 7px;
		margin: 0;
		width: 163px;
		color: #595959;
		background: #FFF;
		background: #FFF url(leftbox.gif) repeat-x;
	}
	
	.box_bottom {
		background: #FFF url(leftbox_bottom.gif) no-repeat;
		color: #000;
		height: 13px;
		width: 160px;
		margin: 0 0 7px 0;
	}
	
		/* left and central column */
		.left_side { float: left; width: 159px; padding: 0px 5px 8px 8px; }
		.right_side { float: right; width: 405px; margin: 0 5px 0 0; text-align: justify; direction:rtl }
		
		.article { padding: 0 5px 0 0px; margin-bottom: 20px; font-family:Tahoma; font-size:10pt;  border-left: 1px solid #e1e2e7; 
		border-right: 1px solid #e1e2e7;
		border-bottom: 1px solid #e1e2e7;
		 border-top: 1px solid #e1e2e7;
		  
		   background:#fff url('leftbox.gif') repeat-x;
		    height:100%;
		   
		   }
		.article2 { padding: 0 5px 0 0px; margin-bottom: 20px; font-family:Tahoma; font-size:10pt;  border-left: 1px solid #e1e2e7; 
		border-right: 1px solid #e1e2e7;
		border-bottom: 1px solid #e1e2e7;
		 border-top: 1px solid #e1e2e7;
		  height:100%;
		   background-image:url('leftbox.gif');
		   
		   
		   }
		   .article3 { padding: 0 5px 0 0px; margin-bottom: 20px; font-family:Tahoma; font-size:10pt;  border-left: 1px solid #e1e2e7; 
		border-right: 1px solid #e1e2e7;
		border-bottom: 1px solid #e1e2e7;
		 border-top: 1px solid #e1e2e7;
		  height:300px;
		   background-image:url('leftbox.gif');
		   
		   
		   }
	.grey_top { clear: both; width: 382px; background: #EDEDED url(grey_top.gif) no-repeat; color: #000; height: 5px; padding: 0; margin: 0px 0 0 6px; }
	.grey { width: 362px; margin: 0 0 0 6px; padding: 10px; background: #EDEDED url(grey_bottom.gif) no-repeat bottom left; color: #808080; direction:rtl;	}
		
	.grey a {
		color: #C83C3C;
		background: inherit;
		font-weight: bold;
	}
	
	.grey a:hover {
		color: #000;
		background: #EDEDED;
	}
	
	.highlight {
		padding: 5px 3px 5px 3px;
		margin: 0 0 3px 0;
		
	}
	
		
/* right side
   ---------- */
		
.right { float: right; width: 180px; margin: 10px 10px 10px 0;}
		
img { float: left; margin: 0 9px 3px 0; }

/* footer
   ------ */

.footer 
{
    
	clear: both; 
	text-align: center;
	color: #fff;
	background: #122745;
	padding: 1px 0 0 5px;
	margin-right:3px;
	margin-left:2px;
	
}
.footer p {	line-height: 2em; }
.footer a {	color: #FFF; text-decoration: none; } 



.cLink
{
  color:White;   
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;

}
.modalPopup2 {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	width:0px;
}
.cButton
{
	border-right: darkgray thin outset;
	border-top: darkgray thin outset;
	font-size: 8pt;
	border-left: darkgray thin outset;
	width: 75px;
	color: #ffffff;
	border-bottom: darkgray thin outset;
	font-family: Tahoma;
	height: 22px;
	background-color: #A3A3A3;
}
.watermarked
{
    text-align: right;
    height: 30px;
    width: 150px;
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    color: darkgray;
    font-family: Tahoma;
    font-size: 7pt;
    padding-right: 5px;
}	
.collapsePanel {
	width: 140px;
	height:0px;
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader
{
    width: 140px;
    height: 15px;
    color: black;
    float: left;
    padding: 1px;
    cursor: pointer;
    vertical-align: middle;
    background-image: url(images/top.gif);
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #D3DEEF;
    color: white:
}

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}