/* 

	project: internet services - 2nd edition
	author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
*{ margin: 0 0 0 0; padding: 0; }* 

body,
html {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	font-size : 12px;
    margin:5px;
    padding:0;
    background:#cccccc ;
    color:#000;
    }

a {	color: #2e6ab1; background: inherit;}
a:hover { color: #ff5151; background: inherit; }
h3 {padding: 30px 0 10px 0; font-size: 16px; } 
h1 { color: #7a0511; 
	font-size : 20px; 
	padding: 10px 0 15px 80px;
	}
	


/* layout
   ------ */
   
   
   
#header {
width: 1024px:;
height: 76px;
margin: 0 0 5px 0;
background: #fff url(images/gradient.gif) top repeat-x;
}
#header img {
	float:left;
	padding: 3px;
}
#header p {
	float:right;
	padding: 19px 40px 0 0;
	font: italic bold 28px  Arial, Helvetica, sans-serif;
	color: #7a0511
}

#topnav
{
clear:both;
width:1024px;
height:30px;
margin:0;
padding:0;
margin-top:5px;
margin-bottom:20px;
background-color:#eeeeee;
background-image:url(images/topnav_bg.gif);
background-position:bottom;
background-repeat:repeat-x;

}
a.topnav:link,a.topnav:visited {color:#555555;text-decoration:none;}
a.topnav:hover,a.topnav:active {color:#ff4800;text-decoration:none;}   

#menuleft {
	float:left;
	width:400px;
	word-spacing:3px;
	
	padding-left:15px;
	padding-top:6px;
	white-space:nowrap;
	text-align:left;

}   
#menuright {
	float:right;
	width:480px;
	word-spacing:6px;
	font-size:80%;
	padding-right:55px;
	padding-top:7px;
	color:#888888;
	white-space:nowrap;
	text-align:right;

}  
   
 
#content { 
	background:#fff;
    margin:0 auto;
    width:980px; 
	overflow:hidden;/* clear:float*/

}




/* left side picture area
   --------- */
#left {
	float: left;
	width: 600px;
	padding: 0 0 0 20px;
	
	
}
/* right side vertical ads area
   --------- */
#right {
	float: right;
	width: 300px;
	
	margin: 45px 20px 0 0px;
	/* background-color: #f0f0f0; */
	
	
}
#picturesleft {
	float: left;
	width: 740px;
	padding: 0 0 0 20px;

}
#picturesright {
	float: right;
	width: 180px;
	margin: 0 20px 0 0;

}

.Uncaptioned {
	float: left; 
	margin:20px; height:220px; text-align: center;
	}
.Uncaptioned img{
/* for Firefox, Opera and others: */
	max-height:180px;
	/* for IE 5 and up: */
  height: expression(this.height > 180 ? 180: true);
  padding: 5px;
  border:2px solid #dadada;
 
  }
 

/* Google & Advertizments blocks
   ------ */
.topadvertizment {
	width: 728px;
	height: 90px;
	background-color: #f0f0f0;
	margin: 5px 0 10px 60px;
	}
.adspace300 {
	width: 300px;
	height: 250px;
	margin: 3px 0 50px 0;
	background-color: #f0f0f0;
}

.adspace160 {
	width: 160px;
	height: 600px;
	margin: 60px 0 15px 0px;
	text-aligh: center;
	background-color: #f0f0f0;
}




/* Syles for caption chalange  display
 ------ */
#challenge {
	
	Width: 300px;
	Padding: 0px;
	margin: 0 0 45px 0;
	text-align: center;
}
#challenge img{ width: 288px; border: 1px solid #7a0511; padding: 3px; margin: 0 0 0 0px; }
#challenge .top{font-weight: bold; font-size: 14px; margin: 0 0 5px 0; text-align: center;}


#picdisplay{width: 300px; margin: 10px 0 0 8px; border-bottom: 1px solid #97a5b0;}
#picdisplay img{border: 1px solid #97a5b0; padding: 3px;}

#filterblock {
	margin: 0 0 15px 50px;
	}
 

/* Caption  display area
   --------- */

   
   
.captioncontent {
	width:520px;
	padding: 15px 0 55px 50px;
	border-bottom:1px solid red; 
	overflow:hidden;/* clear:float*/
}
.thecaptionimage {
	border: 2px solid #7a0511;
	padding: 5px;
	margin: 0 0 10px 0;
	}

 .contact_field img{border: 0;}

#searchbox{ 
	padding: 5px
	}

 
 
.displeft{
	width: 220px;
	float: left;
	}
.displeft p{
	padding: 0 0 0px 18px;
	margin: 0 0 8px 0;
	}
	
.displeft img{
	border: 0;
}

.displeft p a{
	padding: 0 0 0px 18px;
	margin: 0 0 10px 0;
	font: bold 14px ;
	background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
}

.dispright{
	width: 240px;
	float: left;
	
}

.dispright input{
	font-size: 11px;
	width: 220px;

	 }


.captiontext {
	width: 590px;
	padding: 0 0 0px 18px;
	margin: 0 0 15px 0;
	font: bold 15px tahoma,Arial,Helvetica;
	background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
}



 
/* Left side menu area
   ---------- */	

	.left h3 {
		
		background: #006a9d  url(images/org_sqr.gif) no-repeat center left;
		color: #FFF;
		padding: 2px 0px 2px 28px;
		font: bold 14px verdana,Arial,Helvetica;
		margin: 0 0 10px 0;
	}
	.left a {
		color: #0080ff; 
		background: inherit;
		Font-Size: 11px;
		margin: 0 0 0 5px;}
		
		
	.left a:hover { 
		color: #ff5151; 
		background: inherit; 
		Font-Size: 11px;
		margin: 0 0 0 5px;
	}
	


.thumbdisplay{
	Padding: 0px;
	
	float:left;
	Margin: 8px 0 8px 15px;
	}
.thumbdisplay img {
	height: 130px;}

.inputblock {padding: 10px 0 10px 80px;
		margin: 0 0 40px 0;
		background:#f0f0f0
}	




/* Page numbering pagination styles
   ---------- */	

.pagination{
clear:both;
padding: 8px;
}
.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}
.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}
.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #ffcaca;
}
.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}
.pagination a.prevnext{
font-weight: bold;
}




/* SubmitForm sections
 ------ */
#saveblock {
	padding: 40px 0 0px 0px;

	
}
 
 
.uploadform {
	margin: 5px 0px 30px 20px;
	} 
	
	

	
/* Special formatting
   ---------- */	

.buttonDiv{ 
	position:relative; 
	border:1px solid #000000; 
	margin-right: 0.5em; 
} 



/* Error codes for jsval
   ------ */
input.error, select.error {
	
	padding: 2px; 
	border: 1px solid red; 
	background-color: #FFFCE2; 
	background-image: url(images/warning_obj.gif); 
	background-position: right; 
	background-repeat: no-repeat;}
	
.errormessage{
	color: red;
	font-size: 1.2em;
	padding: 3px;
	border:1px double red; 
}

#errorblock {
	border: 3px solid #0080c0;
	width: 450px;
	background-color: #FFFCE2;
	margin: 50px 0px 0px 300px;
	padding: 15px; 
}
/* Auto-complete styles 
============================== / */

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('images/indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(images/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


/* footer
   ---------- */	

.footer { 
	width: 100%;
	clear: both;
	text-align: center;
	padding: 10px;
	border-top: 2px solid #cccccc;
	line-height: 2em;
	background-color: #f0f0f0;
}
.footer a { color: #0080ff; background: inherit; }
.footer a:hover { color: #FF6600; background: inherit; }