/* Main CSS styles go here */

		
body {background:#ffffff;
      margin:0;
      scrollbar-3dlight-color:red;
      scrollbar-arrow-color:black;
      scrollbar-base-color:#000000;
      scrollbar-darkshadow-color:red;
      scrollbar-face-color:#ffffff;
      scrollbar-highlight-color:red;
      scrollbar-shadow-color:red}
	  
#outer        				 
	{position: absolute;
	 top: 50%;
	 left: 0px;
	 width: 100%;
	 height: 1px;}

#inner    
	{margin-left: -340px;
	 position: absolute;
	 top: -150px;
	 left: 50%;
	 width: 700px;
	 height: 250px;
/**/
/*	background-image:url(/BNpro/bnpro_logo.gif);
	background-repeat:no-repeat;
	background-position:center center;*/
/**/   
   }
	 
	 

.bgtext, .bgtext_gray 					
		{font-size: 150px;
		 position:absolute;
		 top:50px;
		 left:30px;
		 right:0px;}


.footertext {font-size:12px;
color:#999999;
font-family:verdana, helvetica, sans serif;
			 position:absolute;
			 top:320px;
			 text-align:center;
			 width:500px;}

.bgtext 
		{color:red;
		 font-family:verdana, helvetica, sans serif;}

.bgtext_gray 					
		{color:#F5F5F5;
           	 font-family:verdana, helvetica, sans serif;}

div#text1, div#text2, div#text3, div#text4, div#text5, div#text6, div#text7, div#text8, div#img2
         {color:#F5F5F5;
		  font-family:verdana, helvetica, sans serif;
		  position:absolute;}

div#text1 {font-size:29px;
		top:0px;
		left:50px;}
		
div#text2 {font-size:35px;
		top:180px;
		left:-55px;}
		
div#text3 {font-size:50px;
		top:10px;
		left:480px;}
		
div#text4 {font-size:35px;
		top:85px;
		left:480px;}
		
div#text5 {font-size:26px;
		top:145px;
		left:480px;}
		
div#text6 {font-size:40px;
		top:120px;
		left:-90px;}
		
div#text7 {font-size:45px;
		top:50px;
		left:55px;}

div#text8 {font-size:40px;
		top:230px;
		left:260px;}
		
div#img1 {position:absolute;
          top:190px;
	  left:150px;
    }

div#img2 {position:absolute;
          top:200px;
	  left:530px;}

div#img3 {position:absolute;
          top:230px;
	  left:370px;}

div#img4 {position:absolute;
          top:320px;
	  left:400px;}

div#logo {position:absolute;
          top:0px;
	  left:220px;}

div#counter {position:absolute;
          top:350px;
	  left:290px;}
 
 div#text1 a:hover span {top: -3px; 
						left: 0px; 
						width:}

 div#text2 a:hover span {top: -2px; 
						left: 0px; 
						width:}
						
 div#text3 a:hover span {top: 0px; 
						left: 0px; 
						width:}

 div#text4 a:hover span {top: -6px; 
						left: 0px; 
						width:}
		
 div#text5 a:hover span {top: 0px; 
						left: 0px; 
						width:}
						
 div#text6 a:hover span {top: -4px; 
						left: 0px; 
						width:}
						
 div#text7 a:hover span {top: -6px; 
						left: 0px; 
						width:}

 div#text8 a:hover span {top: 0px; 
						left: 0px; 
						width:}

 div#img2 a:hover span {top: 50px; 
						left: 4px; 
						width:300px;}
								   
div#inner a:hover, div#inner2 a:hover
				  {background: none;
				   cursor:crosshair;}

div#inner a span {display: none;}

div#inner a:visited span {display:none;}

div#inner a {text-decoration: none;
			 color:#999999;}

div#inner a:hover span {display: block;
						position:relative;
						background:none;
						font-size:14px}
						
div#inner a:link, div#inner a:visited {text-decoration:none;}

div#inner a:hover {text-decoration:none}



div#content {position:absolute;
			 top:-50px;
			 left:40px;
			 width:635px;
			/* height: 350px;*/
			 /*overflow: auto;*/
			 font-family: verdana, helvetica, sans serif;
			 font-size: 13px;
			 color:black;
			 text-align:justify;
			 margin:3px;}


div#inner div#content a:hover {text-decoration:underline;}
			 


div#close, div#top 
          {width:17px;
		   height:17px;
		   background:none;
		   text-align:center;
		   font-family:verdana, helvetica, sans serif;
		   font-weight:bold;
		   font-size:12px;
		   border: 1px solid black}
   
div#top {position:relative;
		   left:573px;
		   top:319px}

div#close {position:relative;
		   left:675px;
		   top:-47px;}
		   
div#inner div#close a:link, div#inner div#top a:link {color:black; cursor:default;}
div#inner div#close a:visited, div#inner div#top a:visited {color:black; cursor:default;}
div#inner div#close a:hover, div#inner div#top a:hover {color:red; cursor:default;}



div#urltext {font-family:verdana, helvetica, sans serif;
			 font-size:30px;
			 position:absolute;
			 top:-87px;
			 left:40px} 



div#urltext {color:red}

div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span
   			 {color:black}
			 
div#content div#titlebar {border: 1px solid black;
				background: #000000;
				font-weight: normal;
				color: red;}
				
div#content {margin-left:0;
			padding-right:8px;}
			 

div#msgheader {
    width: 100%;
}

div#msgheader table#message th {
    text-align: right;
    font-weight: bold;
    padding-left: 6px;
    padding-right: 6px;
}

div#msgheader table#message th#msgType {color: red;
                                        font-family:verdana, helvetica, sans serif;
			                font-size: 13px;}

div#msgheader table#message td#msgText {color:black;
                                        font-family:verdana, helvetica, sans serif;
			                font-size: 13px;
			                text-align:justify;
			                 margin:3px;}
			 
.contentimg {
	position:relative;
	top:0px;
	border:none;
}		 
.titleblock {font-family:verdana, helvetica, sans serif;
				font-size:12px;
				color:red;
				font-weight:;
				margin-right:6px;
				margin-top:10px;
				margin-bottom:10px;
				margin-left:2px;
				border:1px solid black;
				padding:4px}
				
.titleblock span {color: red}

#urltext a:link {color:#999999}
#urltext a:visited {color:#999999}
#urltext a:hover {color:#999999}
#urltext a:active {color:#999999}



img { 
	position:absolute;
	top:0px;
	border:none;
}

h1 {
	text-align:center;
}
div#imageflow a{
	color:#000000;
}
.clear{
	clear:both;
}
#images{
	visibility:hidden;
}
#loading{
	margin-top:50px;
	text-align:center;
	width:100%;
}
#loading img{
	margin-top:10px;
	position:relative; 
}
#captions{
	font-weight:bold;
	position:relative; 
	text-align:center;
	z-index:10000;
}
#scrollbar{
	visibility:hidden;
	position:relative; 
	border-bottom:1px solid red;
	z-index:10001;
}
#slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(http://www.bnpro.ba/dragonfly/slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;	
}
#imageflow{
      width:600px;
	text-align:left;
      font-family:verdana, helvetica, sans serif;
      font-weight:bold;
      color: #000000;
}
#changelog{
	width:349px;
	border-right:solid 1px #666;
	float:left;
	margin-top: 15px;
}
#changelog div{
	text-align: justify;
	padding: 0 15px 5px 15px;
}




/* DON'T EDIT! */
div.PhotoSlice * { padding: 0px; margin: 0px; }
div.PhotoSlice div.clear {
	clear: both;
	overflow: hidden;
	height: 0px;
}
div.PhotoSlice img {
	visibility: hidden;
}
/* PHOTO BACKGROUND */
div#PSbackground {
	background: #000;
}
/* PHOTO STAGE */
div#PSstage {
	
}
div#PSstage img {
	border: 6px solid #FFF;
	margin: 0px auto;
}
div#PSstage-replica {
	background: #FFF;
}
/* PANEL */
div#PSmenu {
	text-align: center;
	padding: 4px 0px;
}
div#PSmenu div#PSbuttons {
	height: 38px;
	padding: 5px 10px;
}
div.PhotoSlice a.button {
        cursor: pointer;
	margin: 0px 2px; 
	padding: 10px 20px;
	background: #333;
	border: 2px solid #999;
	color: #FCFCFC;
	font: 13px Trebuchet MS;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
}
div.PhotoSlice a.button:hover {
	border: 2px solid #CCC;
}
div.PhotoSlice a.disabled {
        display: none;
}
div#PScaption {
        font: 13px Trebuchet MS;
}
div#PScaption p {
	color: #FCFCFC;
	text-align: center;
	line-height: 32px;
}
div#PScaption p a {
	border-bottom: 1px dotted #CCC;
	color: #CCC;
	text-decoration: none;
}
div#PScaption p a:hover {
	background: #333;
}
div#PScaption a#PSabout {
	float: right;
	line-height: normal;
	margin: 4px; padding: 0px 14px;
	line-height: 30px;
}


/* PHP File Tree Default Theme

	By Cory LaViska (http://abeautifulsite.net/)
	Featuring the Silk Icon Set from famfamfam (http://www.famfamfam.com/lab/icons/silk/)

*/

.php-file-tree {
	font-family: Georgia;
	font-size: 12px;
	letter-spacing: 1px;	line-height: 1.5;
}

	.php-file-tree a {
		color: #000000;
		text-decoration: none;
	}
	
	.php-file-tree a:hover {
		color: #666666;
	}

	.php-file-tree .open {
		font-style: italic;
	}
	
	.php-file-tree .closed {
		font-style: normal;
	}
	
	.php-file-tree .pft-directory {
		list-style-image: url(http://www.bnpro.ba/treeview/images/directory.png);
	}
	
	/* Default file */
	.php-file-tree LI.pft-file { list-style-image: url(http://www.bnpro.ba/treeview/images/file.png); }
	/* Additional file types */
	.php-file-tree LI.ext-3gp { list-style-image: url(http://www.bnpro.ba/treeview/images/film.png); }
	.php-file-tree LI.ext-afp { list-style-image: url(http://www.bnpro.ba/treeview/images/code.png); }
	.php-file-tree LI.ext-afpa { list-style-image: url(http://www.bnpro.ba/treeview/images/code.png); }
	.php-file-tree LI.ext-asp { list-style-image: url(http://www.bnpro.ba/treeview/images/code.png); }
	.php-file-tree LI.ext-aspx { list-style-image: url(http://www.bnpro.ba/treeview/images/code.png); }
	.php-file-tree LI.ext-avi { list-style-image: url(http://www.bnpro.ba/treeview/images/film.png); }
	.php-file-tree LI.ext-bat { list-style-image: url(http://www.bnpro.ba/treeview/images/application.png); }
	.php-file-tree LI.ext-bmp { list-style-image: url(http://www.bnpro.ba/treeview/images/picture.png); }
	.php-file-tree LI.ext-c { list-style-image: url(http://www.bnpro.ba/treeview/images/code.png); }
	.php-file-tree LI.ext-cfm { list-style-image: url(http://www.bnpro.ba/treeview/images/code.png); }
	.php-file-tree LI.ext-cgi { list-style-image: url(http://www.bnpro.ba/treeview/images/code.png); }
	.php-file-tree LI.ext-com { list-style-image: url(http://www.bnpro.ba/treeview/images/application.png); }
	.php-file-tree LI.ext-cpp { list-style-image: url(http://www.bnpro.ba/treeview/images/code.png); }
	.php-file-tree LI.ext-css { list-style-image: url(http://www.bnpro.ba/treeview/images/css.png); }
	.php-file-tree LI.ext-doc { list-style-image: url(http://www.bnpro.ba/treeview/images/doc.png); }
	.php-file-tree LI.ext-exe { list-style-image: url(http://www.bnpro.ba/treeview/images/application.png); }
	.php-file-tree LI.ext-gif { list-style-image: url(http://www.bnpro.ba/treeview/images/picture.png); }
	.php-file-tree LI.ext-fla { list-style-image: url(http://www.bnpro.ba/treeview/images/flash.png); }
	.php-file-tree LI.ext-h { list-style-image: url(http://www.bnpro.ba/treeview/images/code.png); }
	.php-file-tree LI.ext-htm { list-style-image: url(http://www.bnpro.ba/treeview/images/html.png); }
	.php-file-tree LI.ext-html { list-style-image: url(http://www.bnpro.ba/treeview/images/html.png); }
	.php-file-tree LI.ext-jar { list-style-image: url(http://www.bnpro.ba/treeview/images/java.png); }
	.php-file-tree LI.ext-jpg { list-style-image: url(http://www.bnpro.ba/treeview/images/picture.png); }
	.php-file-tree LI.ext-jpeg { list-style-image: url(http://www.bnpro.ba/treeview/images/picture.png); }
	.php-file-tree LI.ext-js { list-style-image: url(http://www.bnpro.ba/treeview/images/script.png); }
	.php-file-tree LI.ext-lasso { list-style-image: url(http://www.bnpro.ba/treeview/images/code.png); }
	.php-file-tree LI.ext-log { list-style-image: url(http://www.bnpro.ba/treeview/images/txt.png); }
	.php-file-tree LI.ext-m4p { list-style-image: url(http://www.bnpro.ba/treeview/images/music.png); }
	.php-file-tree LI.ext-mov { list-style-image: url(http://www.bnpro.ba/treeview/images/film.png); }
	.php-file-tree LI.ext-mp3 { list-style-image: url(http://www.bnpro.ba/treeview/images/music.png); }
	.php-file-tree LI.ext-mp4 { list-style-image: url(http://www.bnpro.ba/treeview/images/film.png); }
	.php-file-tree LI.ext-mpg { list-style-image: url(http://www.bnpro.ba/treeview/images/film.png); }
	.php-file-tree LI.ext-mpeg { list-style-image: url(http://www.bnpro.ba/treeview/images/film.png); }
	.php-file-tree LI.ext-ogg { list-style-image: url(http://www.bnpro.ba/treeview/images/music.png); }
	.php-file-tree LI.ext-pcx { list-style-image: url(http://www.bnpro.ba/treeview/images/picture.png); }
	.php-file-tree LI.ext-pdf { list-style-image: url(http://www.bnpro.ba/treeview/images/pdf.png); }
	.php-file-tree LI.ext-php { list-style-image: url(http://www.bnpro.ba/treeview/images/php.png); }
	.php-file-tree LI.ext-png { list-style-image: url(http://www.bnpro.ba/treeview/images/picture.png); }
	.php-file-tree LI.ext-ppt { list-style-image: url(http://www.bnpro.ba/treeview/images/ppt.png); }
	.php-file-tree LI.ext-psd { list-style-image: url(http://www.bnpro.ba/treeview/images/psd.png); }
	.php-file-tree LI.ext-pl { list-style-image: url(http://www.bnpro.ba/treeview/images/script.png); }
	.php-file-tree LI.ext-py { list-style-image: url(http://www.bnpro.ba/treeview/images/script.png); }
	.php-file-tree LI.ext-rb { list-style-image: url(http://www.bnpro.ba/treeview/images/ruby.png); }
	.php-file-tree LI.ext-rbx { list-style-image: url(http://www.bnpro.ba/treeview/images/ruby.png); }
	.php-file-tree LI.ext-rhtml { list-style-image: url(http://www.bnpro.ba/treeview/images/ruby.png); }
	.php-file-tree LI.ext-rpm { list-style-image: url(http://www.bnpro.ba/treeview/images/linux.png); }
	.php-file-tree LI.ext-ruby { list-style-image: url(http://www.bnpro.ba/treeview/images/ruby.png); }
	.php-file-tree LI.ext-sql { list-style-image: url(http://www.bnpro.ba/treeview/images/db.png); }
	.php-file-tree LI.ext-swf { list-style-image: url(http://www.bnpro.ba/treeview/images/flash.png); }
	.php-file-tree LI.ext-tif { list-style-image: url(http://www.bnpro.ba/treeview/images/picture.png); }
	.php-file-tree LI.ext-tiff { list-style-image: url(http://www.bnpro.ba/treeview/images/picture.png); }
	.php-file-tree LI.ext-txt { list-style-image: url(http://www.bnpro.ba/treeview/images/txt.png); }
	.php-file-tree LI.ext-vb { list-style-image: url(http://www.bnpro.ba/treeview/images/code.png); }
	.php-file-tree LI.ext-wav { list-style-image: url(http://www.bnpro.ba/treeview/images/music.png); }
	.php-file-tree LI.ext-wmv { list-style-image: url(http://www.bnpro.ba/treeview/images/film.png); }
	.php-file-tree LI.ext-xls { list-style-image: url(http://www.bnpro.ba/treeview/images/xls.png); }
	.php-file-tree LI.ext-xml { list-style-image: url(http://www.bnpro.ba/treeview/images/code.png); }
	.php-file-tree LI.ext-zip { list-style-image: url(http://www.bnpro.ba/treeview/images/zip.png); }
	/* You can add millions of these... */