body, html {
	font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
	font-size:12px;
	//background:black url("/public/design/img/bg_kvadrat.gif") fixed; padding:0px; margin:0px;
}

a {color:#0187C5;}
a:hover {
	text-decoration:none;
}

.amenu {
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
}
.amenu:hover {
	text-decoration:underline;	
	font-size:14px;
}

.image {
	border:1px solid #CCCCCC;
	padding:1px;	
}
.main {float:left;width:530px;} 

.left {float:left;width:220px;overflow:hidden;padding:20px;background:#C7CFDE;height:290px}
.right {float:right;width:220px;overflow:hidden;padding:20px;background:#C7CFDE;height:290px}
.left .copy{margin-top:190px}
.content {margin-left:210px;background:#E0E6ED;padding:20px;padding-left:70px;}

.block {margin:20px;}
.block .title{margin:20px;}
.block .text{margin:20px;}

.current {-moz-border-radius: 5px 5px 5px 5px; background-color:grey; color:#000000; font-weight:bold; height:29px; margin:2px; padding:4px 6px; text-decoration:none;}
.no_current {-moz-border-radius: 5px 5px 5px 5px; background-color:#F0F0ED; color:#0681B5; margin:2px; padding:4px 6px; padding: none; text-decoration:none;}
#paginationControl a, 
#paginationControl a:link, 
#paginationControl a:active {
	-moz-border-radius: 5px 5px 5px 5px; 
	background-color:#F0F0ED; 
	color:#0681B5; 
	margin:2px; 
	padding:4px 6px; 
	padding: none; 
	text-decoration:none;
}

.mydate {
    background:url("/public/design/img/bg_date.gif") no-repeat scroll 0 0 transparent;
	float:left;
	height:50px;
	margin:0 10px 0 0;
	text-align:center;
	width:35px;
}
.myday {
    color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	height:20px;
	line-height:22px;
}
.mymonth {
    color:#7C8284;
	font-size:11px;
	height:14px;
	line-height:13px;
}
.myear {
	color:#FFFFFF;
    font-size:10px;
    height:15px;
    text-align:center;
    line-height:15px;
}
.anketa_image {
	width:200px; 
	position:relative;	
}

.anketa_image .on_line {
	width:200px;
	height:18px;
	margin-top:1px;
	background:red;
	color:white;
	font-weight:bold;
	font-size:13px;
	/*margin:0px;*/
		
	/* fix it at the bottom */
	position:absolute;
	top:0px;	
	/* hide it by default */
	display:block;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
}

.zitem {
	width:75px;
	height:75px;	
	border:4px solid #222;	
	margin:5px 5px 5px 0;
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
}
.zitem .caption {
	width:75px;
	height:18px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */
}

.zitem .on_line {
	width:75px;
	height:13px;
	padding-left:13px;
	background:red;
	color:white;
	font-weight:bold;
	margin:0px;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;
	
	/* hide it by default */
	display:block;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:2px;
	display:block;
}

.zitem img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}

/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

#jCarouselLiteDemo .carousel  {
    /*padding: 10px 0 0 0;
    margin: 0 0 20px 10px;*/
    position: relative;     
}
#jCarouselLiteDemo .main {
	/*margin-left: 40px;*/
}

#jCarouselLiteDemo .demo em {
	color: #FF3300;
	font-weight: bold;
	font-size: 60%;        
	font-style: normal;
}
#jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
	float: left;
}              
#jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
	display: block;
	float: left;
	width: 30px;
	height: 110px;
	text-decoration: none;
	background: url("/image/imageNavLeft.gif") left 60px no-repeat;
}
#jCarouselLiteDemo .carousel a.next {
	background: url("/image/imageNavRight.gif") right 60px no-repeat;
}
#jCarouselLiteDemo .carousel a.next:hover {
	background-image: url("/image/imageNavRightHover.gif");
}
#jCarouselLiteDemo .carousel a.prev:hover {
	background-image: url("/image/imageNavLeftHover.gif");
}    
#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
	border: none;
	outline: none;
}                 
#jCarouselLiteDemo .carousel .jCarouselLite {
	border: 1px solid gray;
	float: left;
	background-color: #dfdfdf;
        
	/* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
}
#jCarouselLiteDemo .carousel ul {
	margin: 0;
}
#jCarouselLiteDemo .carousel li img, 
#jCarouselLiteDemo .carousel li p {
	background-color: #fff;
	width: 75px;
	height: 75px;
	margin: 5px;
}
        
#jCarouselLiteDemo .widget img {
	cursor: pointer;
}
#jCarouselLiteDemo .mid {
	margin-left: 80px;
	width: 400px;
	height: 300px;
}
#jCarouselLiteDemo .vertical {
	margin-left: 100px;
}
#jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
	width: 100px;
}
#jCarouselLiteDemo .imageSlider li img, 
#jCarouselLiteDemo .imageSlider li p, 
#jCarouselLiteDemo .imageSliderExt li img , 
#jCarouselLiteDemo .imageSliderExt li p {
	width: 300px;
	height: 300px;
}
            
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/