/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0 20px 0 0;
	padding: 0;
	/*background: #f3f2e8 url('images/interestingBack.gif') no-repeat center top;*/
	/*background: #ffcc77; */
	background: #EEEEEE;
	/*background: #FFFFFF url(images/back.jpg) repeat-y;*/

	width:1050px;

    font-family: Arial, Sans-Serif;
    font-size: 10px;
 
}

#back
{
		margin: 0px 0px 0px 20px;
		background: #FFFFFF;
		width: 1050px;
		height: 1200px;
		border-style: solid;
		border-color: Gray;
		border-width: 1px;
		
}

.blinkingText
{
	text-decoration: blink;
	color: #ff7700;
}

.inputBoxes
{
	width: 280px;
	background-color: #FFFCF1;
	font-size: 11px;
	
}


TextBox
{
	width:300px;
}
.gridView
{
	background-color: #ff7700;
}

.narandzastiVeliki {
	font-size: 14px;
	font-weight: bolder;
	color: #ff7700;
}


form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	color: #6F7A9F;
}

a {
	border-bottom: 1px solid #8A8E99;
	text-decoration: none;
	color: #666666;
}

a:hover {
	border: none;
	color: #ff7700;
}


/* Boxed */

.boxed 
{
	padding-left: 5px;
	padding-top: 35px;
}

.boxed .heading {
	margin: 0;
	padding: 10px 30px 5px 30px;
	font-size: 8px;
}

.boxed .content {
	padding-bottom: 20px;
	
}

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

.boxed li {
	padding: 2px 30px 2px 40px;
}

.boxed a {
	border: none;
}

#meni
{
 /*height: 700px;*/
 width: 227px;
 font-size: 13px;
 font-weight: bold;
 background: url(Images/left.jpg) repeat-y;
 height: 1070px;
}

/* Header */

#header 
{
	/*width:850px;*/
	padding: 0px 0 0 0px;
	
}

#header h1 {
	margin: 0;
	padding: 0;
	font-size: 15px;
}

#header h2 {
	margin: -.75em 0 0 2px;
	padding: 0;
	font-size: 13px;
}

#header a {
	border: none;
	color: #6F7A9F;
}

/* Posts */

#posts {
	float: left;
	position: absolute;
	left: 270px;
	top: 0;
	margin: 160px 40px 0 0;
}

.post {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #8A8E99;
}

.panel
{
	margin: 10 30 10 30;
}

.title {
	margin: 0;
	font-size: 12px;
}

.posted {
	margin-top: 0;
	font-size: 10px;
}

.meta {
	font-size: 7px;
}

/* Search */

#search form {
	padding: 0 30px 0 40px;
}

#textfield1 {
	width: 160px;
	padding: 2px 5px;
	background: url(images/img5.jpg);
	border: none;
	border-top: 1px solid #638DBD;
	border-left: 1px solid #638DBD;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #8A8E99;
}

#submit1 {
	display: none;
}

/* Footer */

#footer {
	vertical-align: bottom;
	
}

#footer p {
	text-align: center;
	font-size: 9px;
	width: 800;
}

#footer a {
	color: #8A8E99;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(Images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}


#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px
}



/*GridViewCSS White Chrome Style*/
.chromeGridViewStyle
{
    font-family: Arial, Sans-Serif;
    font-size: 10px;
    table-layout: auto;
    max-width: 500px;
    margin: 20 10 20 30;
    
     
		border-style: solid;
		border-color: #E4E4CC;
		border-width: 2px;

}


.chromeBorderedButtonStyle
{
	font-family: Arial, Sans-Serif;
    font-size:10px;
    color: #666666;
    border:#999999 1px solid;
}

.chromeUnBorderedButtonStyle
{
	font-family: Arial, Sans-Serif;
    font-size: 10px;
    color: #666666;
}

/*Header and Pager styles*/
.chromeHeaderStyle, .chromePagerStyle /*Common Styles*/
{
   /* background-image: url(Images/HeaderWhiteChrome.jpg);*/
    background-position:center;
    background-repeat:repeat-x;
    background-color:#fff;
	border:solid 1px #E4E4E4;
	color: #000000;
}

.chromeContainerStyle
{

    background-color:#666666;
    
}

.chromeHeaderStyle th
{
    padding: 5px;
    /*background: #666666
    */
    background: #fff;
    color: #333;
}


.chromeHeaderStyle a
{
    display:block;
    text-align:left;
    font-weight:bold;
    color: #333;
   
}
.chromePagerStyle table
{
    text-align:center;
    margin:auto;
   
}
.chromePagerStyle table td
{
    border:0px;
    padding:5px;
  
}
.chromePagerStyle td
{
    /*border-top: #999999 1px solid;*/
}
.chromePagerStyle a
{
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #fff;
    border-right:solid 1px #999;
    border-bottom:solid 1px #999;
    border-left:solid 1px #fff;
}
.chromePagerStyle span
{
    font-weight:bold;
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;

    
}
/*RowStyles*/
.chromeRowStyle td, .chromeAltRowStyle td, .chromeSelectedRowStyle td, .chromeEditRowStyle td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px #999;
    font-size: 10px;
}
.chromeRowStyle td
{
    background-color:#E4E4E4;
      color: #333;
}



.chromeAltRowStyle td
{
    background-color: #fff;
	color: #333;
}
.chromeSelectedRowStyle td
{
    background-color:#FF9;
}

.chromeLabelaNaslova
{
	text-align: left justify;
	text-transform: uppercase;
	font-size: 15px;
	color: #ff7700;
	font-style: italic;
}



/*Accordian cascading pannels*/
.accordionHeaderSelected 
{
	
background-color:#666666;
border:1px solid gray;
color:white;
cursor:pointer;
font-family:Arial,Sans-Serif;
font-size:12px;
font-weight:bold;
margin-top:5px;
padding:5px;
}
.accordionContent 
{
/*background-color:#D3DEEF;*/
/*border-color: #ff7700;
border-style:none dashed dashed;
border-width:medium 1px 1px;*/
padding:10px 5px 5px;
}
.accordionHeader 
{
	
	background-color:white;
border-color: #666666;
border-width: 1px;
border-style: groove;
color:#666666;

cursor:pointer;
font-family:Arial,Sans-Serif;
font-size:12px;
font-weight:bold;
margin-top:5px;
padding:5px;
}

.bannerimage
{/*
	border: solid 1px #555555;
	/*
	border-color: #555555;
	border-width: 1px;
	border-style: solid;
	*/
}

.bannerbar
{
	width: 182px;
	float: right;
	position: absolute;
	vertical-align: top;
	left: 830px;
	height: 1200px;
	top: 200px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
}

.accordionLikeLink
{
	background-color:white;
border-color: #666666;
border-width: 1px;
border-style: groove;
color:#666666;

cursor:pointer;
font-family:Arial,Sans-Serif;
font-size:12px;
font-weight:bold;
margin-top:5px;
padding:5px;

background-color:#666666;
border:1px solid gray;
color:white;
cursor:pointer;
font-family:Arial,Sans-Serif;
font-size:12px;
font-weight:bold;
margin-top:5px;
padding:5px;
}

.generalniNaslov
{
	font-family:Arial,Sans-Serif;
font-size:12px;
font-weight:bold;
}


.hoveredArea 
{
	background: #000;
	border-style: double;
	border-color: Black;
	border-width: 2px;

}

.mappedImage
{
	position: absolute;
	top: 350;
	left: 300;
	width: 423;
	height: 619;
}


.mappedImageDiv
{
	/*position: absolute;*/
	top: 300;
	left: 300;
	width: 423;
	height: 619;
}