/* 

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

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

body,
html {
	font-family: tahoma,Arial,Helvetica;
	line-height: 1.6em;
	font-size : 12px;
    margin:10px;
    padding:0;
    background:#b7b7b7 url(images/back_all.jpg);
    color:#000;
    }

a {	color: #0080ff; background: inherit;}
a:hover { color: #ff5151; background: inherit; }
h3 {padding: 30px 0 10px 0; font-size: 18px; } 
h1 { color: #0080ff; 
	font-size : 22px; 
	padding: 10px 0 10px 0;
	border-bottom: 2px solid #0080ff;}
	


/* layout
   ------ */

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

}


#left {
	float: left;
	width: 160px;
	background: #fff url(images/logoback.gif) top left no-repeat;
	border-right: 1px solid #97a5b0;
	margin-right: 20px;
	
	
}

/* Right side display
   --------- */
#right {
	float: left;
	width: 780px;
	padding: 0px;
	background: #fff;
	
}

#challenge {
	float:right;
	Width: 320px;
	Padding: 8px;
	margin: 0 0 0 20px;
	border-bottom: 2px solid #0080ff;
	border-right: 2px solid #0080ff;
	border-left: 2px solid #0080ff;
}

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

#challenge img{float:right; border: 1px solid #97a5b0; padding: 3px; margin: 0 0 0 8px;}

#challenge .top{font-weight: bold; font-size: 14px; margin: 0 0 5px 0; text-align: center;}
#challenge p{margin: 10px 0 0 0;}

.fullwidth{
	width: 780px;
	padding-bottom: 10px;
	Margin-bottom: 5px;
	overflow:hidden;/* clear:float*/
	}
.fullwidth p{margin: 5px 5px 0 15px;}



/* Syles for caption picture and display
 ------ */

 

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

.displaycaption {
	float: left;
	width: 550px;
	padding: 25px 0 30px 0;
	margin: 0 0 0 40px;
	display: block;
	overflow:hidden;/* clear:float*/
}
.displaycaption img{
	border: 2px solid #0000a0;
}
   
   
.captioncontent {
	Width:603px;
	padding: 15px 0 55px 0;
	border-bottom:2px solid red; 
	overflow:hidden;/* clear:float*/
}


 .contact_field img{border: 0;}

	
.displeft{
	width: 260px;
	float: left;
	}


.displeft p{
	padding: 0 0 0px 18px;
	margin: 0 0 15px 0;
	}
	
.displeft img{
	border: 0;
}

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

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

.dispright input{
	background-color: #ccffff;
	font-size: 10px;
	width: 200px;

	 }


.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: 100px;}

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



#ads {
	float: right;
	width: 160px;
	padding-top: 70px;
	margin: 0px;
	
}





/* Menu
 ------ */
 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 160px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(images/arrowbullet.png) no-repeat 5px center; /*custom bullet list image*/
display: block;
padding: 2px 0 2px 5px;
padding-left: 25px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}


.pagination{
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;
	} 
	
	
/* Google Add Boxes
   --------- */
	

	
/* 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; 
}


.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: 1px solid #ccc;
	line-height: 2em;
}
.footer a { color: #0080ff; background: inherit; }
.footer a:hover { color: #FF6600; background: inherit; }