/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
body,div,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td, img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}

q:before,q:after{products:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

/* http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after {
    products: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

body
	{
		padding:0;
		margin:0;
		font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#787878;
		background:white;
	}
p
	{
		color:#393939;
		line-height:14px;
		font-size:11px;
	}
a
	{
		color:#61a82e;
		text-decoration:none;
	}
a:hover
	{
		text-decoration:underline;
	}
	p a
		{
			color:#61a82e;
		}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		font-size:24px;
		font-weight:normal;
		color:#8aca1a;
	}
h2, h2 a
	{
		font-size:24px;
	}	
h3, h3 a
	{
		font-size:22px;
	}	
h4, h4 a
	{
		font-size:18px;
	}	
h5, h5 a
	{
		font-size:16px;
	}	
h6, h6 a
	{
		font-size:14px;
	}
strong
    {
        font-weight:bold;
    }
em
    {
        font-style:italic;
    }

a.button
	{
		height:18px;
		margin:10px ;
		padding:0 0 0 8px;
		float:left;
		background: url('../../img/index/backgrounds/button.jpg') left no-repeat ;
	}
	a.button span
		{
			height:16px;
			padding:2px 20px 0 12px;
			_height:15px;
			_padding:3px 20px 0 12px;
			float:left;
			background: url('../../img/index/backgrounds/button.a.jpg') right no-repeat ;
			color:white;
			font-size:11px;
			line-height:11px;
			text-align:center;
		}
		a.button:hover span
			{
				text-decoration:underline;
			}
.container
	{
		width:996px;
		clear:both;
		margin:0 auto;
		padding:0;
	}
	/*
.content .content a.readmore
	{
		width:auto;
		height:11px;
		margin:2px 0 0 0;
		padding:0;
		float:right;
		color:white;
		font-size:10px;
		line-height:10px;
		background: url('../../img/index/backgrounds/readmore.png') left no-repeat ;
		text-align:center;
	}
.content .content	a.readmore span
		{
			width:auto;
			height:11px;
			margin:0;
			padding:0 7px;
			display: inline-block;
			color:white;
			font-size:10px;
			line-height:10px;
			background: url('../../img/index/backgrounds/readmore.span.png') right center no-repeat ;
			text-align:center;
		}
	.content .content a:hover.readmore 
		{
			text-decoration:none;
			background: url('../../img/index/backgrounds/readmore.hover.png') left no-repeat ;
		}
		.content .content a:hover.readmore span
			{
				text-decoration:none;
				background: url('../../img/index/backgrounds/readmore.hover.span.png') right no-repeat ;
			}
			*/
img
	{
		margin:0 !important;
		margin:0 0 -4px 0;
	}
ol
	{
		list-style-type: decimal;
	}
ul, ol
	{
		margin:0;
		_margin:0 0 0 9px;
		padding:9px 18px 9px 18px;
	}
li, dl, dt, dd
	{
		color:#323232;
		margin:0 0 9px 0px;
		padding:0 0 0 10px;
		line-height:11px;
	}
	li a
		{

		}
		
input
	{
		width:191px;
		height:18px;
		padding:0 0 0 9px;
		background: url('../../img/index/backgrounds/input.jpg') left top no-repeat;
		_background-image: url('../../img/index/backgrounds/input.jpg');
		_background-position:top left;
		_background-repeat:no-repeat;
		_background-attachment:fixed;
		border:none;
		background-color:#f1ffe7;
	}
	
textarea
	{
		width:314px;
		height:90px;
		padding:5px;
		background: url('../../img/index/backgrounds/textarea.jpg') left top no-repeat;
		_background-image: url('../../img/index/backgrounds/textarea.jpg');
		_background-position:top left;
		_background-repeat:no-repeat;
		_background-attachment:fixed;
		border:none;
		background-color:#f1ffe7;
		overflow:auto;
	}	
	textarea.large
		{
			height:191px;
			background: url('../../img/index/backgrounds/textarea.large.jpg') left top no-repeat;
			_background-image: url('../../img/index/backgrounds/textarea.large.jpg');
		}
input.file
	{
		background:none;
		_background:none;
	}
table td
	{
		padding:5px;
	}
		/* ---- header ------*/
		
.header
	{
		width:996px;
		height:160px;
		background: url('../../img/index/backgrounds/header.png') left top no-repeat ;
	}
	.header .top
		{
			width:987px;
			height:26px;
			padding:11px 9px 0 0;
			background: url('../../img/index/backgrounds/header.top.png') left top repeat-x;
		}
		.header .top .menu
			{
				width:auto;
				float:right;
				
			}
			.header .top .menu img
				{
					float:right;
				}
			.header .top .menu a
				{
					height:16px;
					margin:0 12px 0 12px;
					padding:0;
					float:right;
					color:#4b4b4b;
					font-size:11px;
					letter-spacing:0;
				}
	.header .logo a
		{
			width:287px;
			height:94px;
			margin:18px 0 11px 0;
			float:left;
			background: url('../../img/index/backgrounds/header.logo.png') left top no-repeat;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.esilabs.lv/img/index/backgrounds/header.logo.png', sizingMethod='scale');
		}
	.header .banner
		{
			width:661px;
			height:105px;
			margin:18px 0 0 0;
			float:right;
		}


/* --- nav tabs ----*/

.navtab
	{
		width:996px;
		height:66px;
		clear:both;
		padding:0;
	}

	/* Skin */
	.ui-tabs-hide {
        display: none;
    }
	.ui-tabs-nav, .ui-tabs-panel {
		width:996px;
		height:48px;
		margin:0;
		padding:2px 0 0 0;
		background:black;
		background: url('../../img/index/backgrounds/ui-tabs-panel.jpg') left top no-repeat;
	}
	.ui-tabs-nav {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}
	.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	    display: block;
	    clear: both;
	    content: " ";
	}
	.ui-tabs-nav li {
	    float: left;
		padding:0 10px 0 0;
	    margin: 0;
	    font-weight: normal;
	}
	.ui-tabs-nav a, .ui-tabs-nav a span {

	    float: left; /* fixes dir=ltr problem and other quirks IE */
	    padding: 0;
		margin:0;
		color:white;
		font-size:11px;

		text-transform:uppercase;
	}
	.ui-tabs-nav a {
		height:38px;
	    margin: 2px 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	    padding: 8px 12px 0 12px;
	    text-decoration: none;
	    white-space: nowrap; /* @ IE 6 */
	    outline: 0; /* @ Firefox, prevent dotted border after click */    
	}
	.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
	    color: #fff;
	}
	.ui-tabs-nav .ui-tabs-selected a {
	    position: relative;
	    top: ;
	    z-index: 2;
	    margin:2px 0 0 0;
		background: url('../../img/index/backgrounds/ui-tabs-selected.jpg') left top repeat-x;
	}
	.ui-tabs-nav .ui-tabs-selected a.first
		{
			background: url('../../img/index/backgrounds/ui-tabs-selected.first.jpg') left top no-repeat;
		}
	.ui-tabs-nav a span {
		padding:1px 0 0 0;
		margin:0;
	    height: 38px;
	    background-position: 0 0;
	    line-height: 20px;
	}
	.ui-tabs-nav .ui-tabs-selected a span {
	    padding-top: 0;
		background: url('../../img/index/backgrounds/ui-tabs-panel.top.png') bottom center no-repeat;
		cursor:pointer;
	}
	.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
	.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	    cursor: text;
	}
	.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
	.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
	    cursor: pointer;
	}
	.ui-tabs-disabled {
	    opacity: .4;
	    filter: alpha(opacity=40);
	}
	.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
	    color: #000;
	}
	.ui-tabs-panel {
		width:954px;
		height:15px;
		margin:0 0 0 3px;
		_margin:-1px 0 0 3px;
	    padding:3px 18px 0 18px;
		background: url('../../img/index/backgrounds/ui-tabs-panel.png') left bottom no-repeat;
	}
	/*.ui-tabs-loading em {
	    padding: 0 0 0 20px;
	    background: url(loading.gif) no-repeat 0 50%;
	}*/

	/* Additional IE specific bug fixes... */
	* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
	    display: inline-block;
	}
	*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	    display: inline-block;
	}

		
	
	.ui-tabs-panel ul, .ui-tabs-panel li
		{
			margin:0;
			padding:0;
			float:left;
			clear:none;
			line-height:11px;
			list-style:none;
		}
		.ui-tabs-panel li a
			{
				margin:0 18px 0 0;
				padding:0;
				font-size:11px;
				line-height:11px;
				color:white;
				letter-spacing:0;
			}
        .ui-tabs-panel li a.active
			{
				text-decoration:underline;
			}
		
/*-- navTabs end ---*/

/*--------left bar --------*/
		
.leftbar
	{
		width:219px;
		height:auto;
		margin:53px 27px 36px 0;
		float:left;
		font-size:11px;
		line-height:11px;
		background: url('../../img/index/backgrounds/leftbar.png') left bottom repeat-y;
	}
.leftbar h4, .leftbar h4.top
		{
			width:180px;
			height:24px;
			margin:0;
			_margin:0 0 -18px 0;
			padding:0;
			float:left;
			clear:both;
			font-size:11px;
			line-height:11px;
			font-weight:bold;
			color:#2f2f2f;
			font-family:"Lucida Grande", "Trebuchet MS", Trebuchet ;
		}
	.leftbar h4.top
		{
			width:180px;
			height:24px;
			margin:0;
			padding:11px 18px 0 18px;
			_height:23px;
			_padding:12px 18px 0 18px;
			color:white;
			background: url('../../img/index/backgrounds/leftbar.h4.top.png') left bottom no-repeat;
		}
	.leftbar .outter
		{
			width:216px;
			float:left;
			clear:both;
			padding:0 0 15px 3px;
			background: url('../../img/index/backgrounds/leftbar.outter.png') left bottom no-repeat;
		}
	.leftbar .holder
		{
			width:180px;
			float:left;
			clear:both;
			padding:18px 18px 34px 18px;
			font-family:"Trebuchet MS", Trebuchet, "Lucida Grande";
			background: url('../../img/index/backgrounds/leftbar.holder.png') left bottom repeat-x;
		}
		.leftbar .holder.last
			{
				padding:18px 18px 0 18px;
				background:none;
			}
	.leftbar p
		{
			margin:0 0 9px 0;
			padding:0;
			font-size:11px;
			text-align:justify;
		}
		.leftbar p.date
			{
				clear:both;
			}
			.leftbar p.date span
				{
		
					clear:both;
					color:#4d4d4d;
				}
			.leftbar p.date a
				{
	
					clear:both;
					color:#787878;
				}
			.leftbar p.comment
				{
					line-height:14px;
					font-style:italic;
					
				}
				.leftbar p.comment span
					{
						float:right;
						clear:both;
						font-style:normal;
						font-size:10px;
					}
				
				
	.leftbar ul, .leftbar ol
		{
			margin:0;
			padding:0;
			clear:both;
			color:#3e3e3e;
		}
	.leftbar li
		{
			margin:0 0 9px 18px;
			padding:0;
			color:#3e3e3e;
			font-size:11px;
			line-height:11px;
		}
	.leftbar li p, .leftbar li p a
		{
			margin:0;
			padding:0;
			font-size:11px;
			line-height:11px;
			color:#787878;
			text-align:left;
		}
		
		
	.leftbar a.readmore, .content .content a.readmore
		{
			width:63px;
			height:14px;
			_height:13px;
			padding:9px 0 0 0;
			_padding:10px 0 0 0;
			float:right;
			color:white;
			font-size:11px;
			line-height:11px;
			background: url('../../img/index/backgrounds/leftbar.readmore.png') no-repeat ;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.esilabs.lv/img/index/backgrounds/leftbar.readmore.png', sizingMethod='scale');
			text-align:center;
		}
		.leftbar a:hover.readmore, .content .content a:hover.readmore
			{
				text-decoration:none;
				background: url('../../img/index/backgrounds/leftbar.readmore.hover.png') no-repeat ;
				_background: none;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.esilabs.lv/img/index/backgrounds/leftbar.readmore.hover.png', sizingMethod='scale');
			}
		
		
		
	/* -- content --- */
		
.content
	{
		width:540px;
		float:left;
		margin:36px 0 0 0;
	}
	.content .photostory
		{
			width:540px;
			margin:0 0 18px 0;
			float:left;
			clear:both;
		}
	.content .photostory h4
		{
			margin:0;
			padding:2px 0 0 9px;
			float:left;
			clear:none;
			font-size:11px;
			line-height:11px;
			font-weight:bold;
			color:#2f2f2f;
			font-family:"Lucida Grande", "Trebuchet MS", Trebuchet ;
		}
		.content .photostory .holder
			{
				width:531px;
				height:252px;
				margin:3px 0 0 0;
				_margin:4px 0 0 0;
				padding:0 0 15px 9px;
				float:left;
				clear:both;
				background: url('../../img/index/backgrounds/photostory.png') no-repeat ;
			}
			
.glidecontent .image
	{
		width:522px;
		height:73px;
		padding:179px 0 0 0;
		background-position:bottom center;
		background-repeat:no-repeat;
	}
	.glidecontent .image .info
		{
			width:486px;
			height:64px;
			padding:9px 18px 0 18px;
			background: url('../../img/index/backgrounds/glidecontent.image.info.png') left top repeat-x ;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.esilabs.lv/img/index/backgrounds/glidecontent.image.info.png', sizingMethod='scale');
		}
		.glidecontent .image .info p, .glidecontent .image .info p a
			{
				margin:0;
				padding:0;				
				color:black;
			}
			.glidecontent .image .info p a
				{
				
				}
			
			
			
	.content .content
		{
			width:522px;
			margin:0;
			padding:0 9px;
		}
	.content h3.categorie
		{
			width:522px;
			height:24px;
			float:left;
			clear:both;
			margin:0 0 18px 0;
			padding:9px 0 0 0;
			background: url('../../img/index/backgrounds/h3.categorie.png') no-repeat ;
			text-align:center;
			font-size:13px;
			line-height:13px;
			color:#2f2f2f;
			font-weight:normal;
			text-transform:uppercase;
		}
	.content h3.categorie a
		{
			font-size:13px;
			line-height:13px;
			font-weight:normal;
			text-transform:uppercase;
		}
	.content .story
		{
			width:243px;
			height:120px;
			margin:0 0 18px 0;
			padding:0 16px 9px 0;
			float:left;
			border-bottom:1px solid #dfdfdf;
			border-right:1px solid #dfdfdf;
		}
	.content .story.right
		{
			width:243px;
			height:120px;
			margin:0 0 18px -1px;
			padding:0 0 9px 17px;
			float:left;
			border-bottom:1px solid #dfdfdf;
			border-right:none;
			border-left:1px solid #dfdfdf;
		}
        .content .story h2, .content .story h2 a, .content .story h3, .content .story h3 a
			{
				margin:0 0 6px 0;
				padding:0;
				font-size:13px;
				line-height:13px;
			}
        .content .story h3, .content .story h3 a
			{
				font-size:12px;
				line-height:12px;
			}
		.content .story h2, .content .story h3
			{
				color:#898989;
			}
		.content .story h1, .content .story h1 a
			{
				margin: 0;
				padding:0;
				font-size:11px;
				line-height:11px;
				font-weight:bold;
				color:#181818;
			}
		.content .story p, .content .story li
			{
				color:#393939;
				text-align:justify;
				line-height:14px;
				font-size:11px;
			}
			.content .story p span.image
				{
					width:75px;
					height:75px;
					float:left;
					margin:3px 6px 6px 0;
					background:white;
				}
	
	.content .story li
			{
				padding-left:3px;
			}
	.content .story li
			{
				margin-left:25px;
			}
	.content .story li li
			{
				margin-left:50px;
			}
		
		
		
/* --right bar	---	*/
		

.rightbar
	{
		width:185px;
		margin:53px 0 0 0;
		float:right;
		background: url('../../img/index/backgrounds/rightbar.png') left top repeat-y;
	}

	.rightbar h4, .rightbar h4.top
			{
				width:149px;
				height:24px;
				margin:0;
				padding:0;
				float:left;
				clear:both;
				font-size:11px;
				line-height:11px;
				font-weight:bold;
				color:#2f2f2f;
				font-family:"Lucida Grande", "Trebuchet MS", Trebuchet ;
			}
	.rightbar h4.top
		{
			width:149px;
			height:20px;
			padding:10px 18px 0 18px;
			color:white;
			background: url('../../img/index/backgrounds/rightbar.h4.top.png') left bottom no-repeat;
		}

	.rightbar .holder
		{
			width:180px;
			float:left;
			clear:both;
			padding:18px 3px 3px 2px;
			font-family:"Trebuchet MS", Trebuchet, "Lucida Grande";
			background: url('../../img/index/backgrounds/rightbar.holder.png') left bottom no-repeat;
		}




/* --footer-- */

.footer
	{
		width:100%;
		height:84px;
		clear:both;
		background: url('../../img/index/backgrounds/footer.png') bottom center repeat-x;
	}
	.footer .holder
		{
			width:990px;
			height:35px;
			margin:0 auto;
			padding:49px 0 0 0;
			background: url('../../img/index/backgrounds/footer.holder.png') top center no-repeat;
			text-align:center;
		}
		.footer .holder p, .footer .holder p a
			{
				margin:0;
				padding:0 100px 3px 100px;
				color:#777777;
				font-size:11px;
				line-height:11px;
			}
			.footer .holder p a
				{
					margin:0 14px;
					padding:0;
					color:#8d8d8d;
				}

		.footer .holder a.createdby
			{
				width:72px;
				height:25px;
				float:right;
				margin:-26px 0 0 0;
				background: url('../../img/index/backgrounds/createdby.png') ;
			}


/* single view */

.content .content.single
	{
		width:522px;
		float:left;
		margin:17px 0 0 0;
	}
	.content.single .story
		{
			width:522px;
			height:auto;
			padding:0;
			border:none;
		}
.content .content.single p, .content .content.single li
	{
		font-size:12px;
	}
/* columns view */


.content .content.column
	{
		width:522px;
		float:left;
		margin:18px 0 0 0;
	}
	.content .content.column table
		{
			width:522px;
			padding:0;
		}
	.content .content.column table td
		{
			width:261px;
			padding:0;
		}
	.content.column .story
		{
			width:243px;
			margin:0 0 18px 0;
			padding:0 16px 9px 0;
			height:auto;
			border-bottom:none;
		}
		
		.content.column .story.right
			{
				margin:0 0 18px -1px;
				padding:0 0 9px 17px;
			}
		.content.column .story h2
			{
				font-size:14px;
				line-height:14px;
				color:#61a82e;
			}
		.content.column .story p
			{
				margin:0 0 36px 0;
			}

.story.quote
	{
		width:522px;
	}
	.story.quote p
		{
			float:left;
			clear:both;
			margin:0 0 18px 0;
			font-size:12px;
		}
	.story .author
		{
			margin:0;
			padding:0;
			float:right;
			
			font-style:italic;
		}
	.story h1 b
		{
			font-weight:normal;
			color:#898989;
		}


/*-- submit --*/

.content.single .story.submit
	{
		width:522px;
		margin:36px 0 0 0;
		clear:both;
		float:left;
	}
	.content.single .story.submit table
		{
			margin:18px 0;
		}
	.content.single .story.submit p, .content.single .story.submit p b
		{
			font-size:11px;
			margin:0 0 0 0;
		}
	.content.single .story.submit td
		{
			padding:6px 0;
			border-bottom:1px solid #d9d9d9;
		}
		.content.single .story.submit td p
			{
				margin:0;
			}
	.content.single .story.submit .name
		{
			width:162px;
			padding:5px 9px 5px 9px;
		}
	.content.single .story.submit .name p
		{
			font-size:11px;
			text-align:left;
		}
	.content.single .story.submit p span.sub
		{
			margin:0 0 0 0;
			padding:0 0 0 0;
			font-size:9px;
			line-height:9px;
			color:#919191;
			font-family:verdana;
		}
	.content.single .story.submit p span
		{
			font-size:10px;
			color:#ee5a20;
		}
	.content.single .story.submit a.button
		{
			margin:18px 0 0 180px;
			clear:both;
		}
		
		
	/* comments	*/
.content h3.categorie.comments
	{
		height:auto;
		margin:0 0 18px 0;
		padding:0 0 9px 0;
		border-bottom:1px solid #d9d9d9;
		background:none;
		line-height:11px;
	}
.content.single .comments
	{
		width:522px;
		clear:both;
		margin:0 0 18px 0;
		padding:0 0 9px 0;
		border-bottom:1px solid #d9d9d9;
	}
	.content.single .comments p
		{
			font-size:11px;
		}
	.content.single .comments p span
		{
			font-size:10px;
			color:#9a9a9a;
		}
		
		
		.invisible
		{
			display: none;
		}