/* MAIN E-grafika.lt CSS */

	body {
		font-family: Arial, Helvetica, "Helvetica New", sans-serif;
		font-size: 12px;
		line-height: 1.5;
		text-align: center;
		color: #4b4b4b;
		background: #000;
	}

	hr { border: none; display: block; width: 100%; height: 2px; background: #DADADA; margin: 20px 0; }
		
	strong { font-weight: bold; }
		
	em { font-style: italic; }
	
	a { text-decoration: none; color: #088aff; }
	a:hover { text-decoration: underline; }
	
	h1 a { color: #333; }
	h1 a:hover { color: #088aff; }
	h1 a:visited { color: #444; }
	
	a img { border: none; }
	
	h1 { font-size: 1.4em;  }
	h2 { font-size: 1.2em; }
	h3 { font-size: 1.2em; }
	h4 { font-size: 1.2em; font-weight: bold; }
	
	blockquote { border: 3px solid #dae3ef; font-family: 'Consolas', 'Courier New', Courier; font-size: 11px; padding: 7px 2%; width: 90%; height: auto; background: #ecf1f7; color: #0F51B3; overflow: auto; word-wrap: break-word; }
	
	cite { color: #088aff; font-weight: bold; }
	
	
/* Dizaino struktūra	
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	#container { width: 96%; max-width: 1300px; height: auto; margin: 0 auto; background: none; }
	
	#header { width: 100%; height: 130px; background: url(../images/header_bg.png) no-repeat; }
	
	#logo { width: 25%; height: 130px; float: left; }
	
	#logo a { display: block; width: 100%; height: 130px; background: url(../images/logo.png) no-repeat 0 0px; text-decoration: none; }
	
	#logo a:hover { background: url(../images/logo.png) no-repeat 0 -122px; }
	
	#menu { width: 74%; height: 30px; padding: 97px 0 0 0; float: right; text-align: right; font-size: 0.9em; }
	#menu ul { list-style: none; }
	#menu li { display: inline; margin: 0 10px; }
	#menu li:last-child { margin-right: 1px; }
	#menu li a { color: #d4dae1; display: inline-block; padding: 7px 5px 10px 7px; text-decoration: none; }
	#menu li a:hover {  color: #0086ff; }
	#menu .active a { color: #0086ff; background: url(../images/menu_item_bg.png) repeat-x bottom; }
	#menu .new a { color: #f84000; background: url(../images/menu_item_bg2.png) repeat-x bottom; }
	#menu .new a:hover { color: #ff7e30; }
	
	#promo { display: none; border-top: 2px solid #0086ff; border-bottom: 2px solid #0086ff; width: 96%; height: 250px; min-height: 250px; padding: 10px 2%; background: black; text-align: left; }
	#promo a.close { color: #D4DAE1; background: url(../images/icons/close.gif) no-repeat 0 -2px; padding: 0 0 0 22px; float: right; }
	
	#main { width: 96%; height: auto; min-height: 350px; padding: 10px 2%; background: white; text-align: left; }
	
	#main p { margin: 15px 0; }
	
	#top-block { width: 100%; height: auto; margin: 10px 0 0 0; }
	
	#login { width: 45%; height: auto; float: left; }
	
	#search { width: 54%; height: auto; float: right; text-align: right; }
	
	#welcome { width: 100%; height: auto; }
	
	#rssBox, #signupBox, #participateBox, #controlPanelBox
	{
		width: 22%; 
		height: auto; 
		float: left; 
		padding: 4px 1% 10px 9%; 
		margin: 25px 0 10px 0;
		font-size: 0.95em;
		color: #3e5367;
	}
	
	#rssBox { background: url(../images/rss_feed.png) no-repeat; }
	
	#signupBox { background: url(../images/people.png) no-repeat; }
	
	#participateBox { background: url(../images/interact.png) no-repeat; }
	
	#controlPanelBox { width: auto; background: url(../images/lock.png) no-repeat; min-height: 60px; float: none; margin: 25px 0 0 0; }
	
	#body-block { width: 60%; height: auto; margin: 15px 0 0 0; float: left; }
	
	#side-block { width: 39%; height: auto; margin: 15px 0 0 0; float: right; }
	
	#footer { width: 98%; height: 190px; background: url(../images/footer.png) no-repeat; margin: 0 2% 0 0; text-align: right; color: white; padding: 10px 0 0 0; }
	
	#twitter { width: 266px; height: 208px; margin: 0 auto; background: url(../images/twitter.png) no-repeat 0 0; }
	#twitter:hover { background: url(../images/twitter.png) no-repeat 0 -210px; }
	#twitter a { display: block; width: 266px; height: 208px; text-decoration: none; }
	
	#slideshow { width: 100%; background: url(../images/slides/slide_1.jpg) no-repeat;  height: 400px; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	
	#slideshow #titles { width: 35%; height: 400px;  }
	#slideshow #titles h1 { font-family: "Lucida Sans"; font-size: 1.4em; padding: 20px 5%; border-bottom: 1px dotted #DDD; }
	#slideshow #titles h1 a, #slideshow #titles h1 a:visited { color: #FFF; }
	#slideshow #titles h1 a:hover { color: #2184ff; text-decoration: none; }
	
/* Papildomos klasės	
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	.left { width: auto; float: left; }
	
	.right { width: auto; float: right; }
	
	.clear { clear: both; }
	
	.block_for_img img, .aligned { position: relative; top: 3px; }
	
	.dataList label { display: block; float: left; width: 230px; font-weight: bold; }
	
	.errorBox, .successBox, .warningBox, .infoBox, #loading 
	{ 
		display: block; 
		width: auto;
		height: auto;
		font-size: 0.9em; 
		margin: 5px 0 15px; 
		padding: 6px 12px 6px 25px;
		line-height: 1.3em;
	}
	
	.errorBox 
	{ 
		color: red;
		background: #FFE7E7 url('../images/icons/delete.png') no-repeat 3px; 
		border: 1px solid #f6d4d4; 
		border-left: none; 
		border-right: none;
	}
	
	.error_login { color: red; padding: 10px 0; font-size: 0.9em; }
	
	ul.pages { list-style: none; }
	ul.pages li { display: inline; float: left; }
	ul.pages li a { display: block; background: #ecf1f7; border: 1px solid #dae3ef; color: black; height: auto; padding: 3px 5px; margin: 0 5px;  }
	ul.pages li a:hover { background: #d6e5f8; border: 1px solid #aac2ea; color: #3b5c96; text-decoration: none; }
	ul.pages li.current { display: block; width: 10px; height: auto; padding: 3px 5px; font-weight: bold; }
	
	ul.categories { list-style: none; }
	ul.categoriess li { }
	ul.categories li a, ul.categories li.current, ul.categories li.not_clickable { display: block; padding: 5px 0; border-bottom: 1px solid #dae3ef; }
	ul.categories li a:hover { color: #29487d; text-decoration: none; }
	ul.categories li.current { font-weight: bold; }
	ul.categories li.darker a { border-bottom: 1px solid #333; }
	ul.categories li span.highlighted, ul.categories li a span.highlighted, ul.categories li.active a { font-weight: bold; color: #ff6f21; }
	ul.categories li.active a:hover { color: #29487d; }
	
	ul.tree { list-style: none; margin: 0 0 0 30px; }
	ul.tree li { list-style-image: url(../images/icons/folder.png); }
	ul.tree li a { display: block; padding: 5px 0; border-bottom: 1px solid #dae3ef; }
	ul.tree li a:hover { color: #29487d; text-decoration: none; }
	ul.tree li.active, ul.tree li.active2 { list-style-image: url(../images/icons/folder_open.png); }
	ul.tree li.active a { color: #ff6f21; font-weight: bold;  }	
	
	.unavailable { color: #666; font-style: italic; }
	
	.success, .error { display: block; width: 94%; padding: 6px 0 6px 6%; margin: 0 0 10px 0; } 
	.success { border: 1px solid #d4e374; border-left: none; border-right: none; color: #507200; background: #eaf4a8 url('../images/icons/accept.png') no-repeat 4px 6px; }
	.error { border: 1px solid #eb6262; border-left: none; border-right: none; color: #7d0b0b; background: #f79d9d url('../images/icons/delete.png') no-repeat 4px 6px; }
	
	.new_message { width: 90%; padding: 6px 5% 6px 5%; margin: 10px 0; background: url(../images/box_content_bg.png) repeat-x; border: 1px solid #DDD; color: #333; }
	
	h1.tag { display: inline; font-size: 1em; }
	h1.tag a { color: #088aff; }
	
	h1.library { font-size: 1.3em !important; }
	h1.library a { color: #088aff; }
	
	#main p.date { color: #888; margin: 3px 0 0 0; font-style: italic; }
	
	table.browser_support th { background: #2b465f; color: white; padding: 5px 8px; text-align: center; font-weight: bold; border-right: 1px solid white; }
	table.browser_support tr.versions td { background: #DADADA; padding: 5px 8px; text-align: center; border-right: 1px solid white; }
	
	table.browser_support tr.support td.full, table.browser_support tr.support td.buggy, table.browser_support tr.support td.partial, 
	table.browser_support tr.support td.none { padding: 5px 8px; text-align: center; color: white; border-right: 1px solid white; font-size: 0.9em; }
	
	table.browser_support tr.support td.full { background: #87a900; }
	table.browser_support tr.support td.buggy { background: #fe7e00; /*font-style: italic;*/ }
	table.browser_support tr.support td.partial { background: #fea700; }
	table.browser_support tr.support td.none { background: #fe2400; font-weight: bold; }
	table.browser_support th.last, table.browser_support tr.versions td.last, table.browser_support tr.support td.last { border: 0; }
	
	div.values { width: 94%; padding: 10px 3%; background: #F0F0F0; color: #666; font-size: 1.3em; }
	div.values span { padding: 0 10px; font-size: 0.8em; font-style: italic; color: #0d6ac0; }
	
	a.download { display: block; width: 250px; height: 50px; background: url(../images/button_download.png) no-repeat 0 0; }
	a.download:hover { text-decoration: none; background: url(../images/button_download.png) no-repeat 0 -50px; }
	
	.notice { width: 96%; padding: 4px 2%; background: #fbf3bb; color: #ff7800; border: 1px solid #ffdb5c; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
	.notice a { color: #ff4e00; text-decoration: underline; font-weight: bold; }
	.notice a:hover { text-decoration: none; }
	
	
/* Input
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	.input_username, .input_password, .input_search { width: 175px; height: 20px; padding: 5px 0 0 30px; border: none; font-size: 1.2em; margin: 0 10px; outline:none; }
	.input_username:hover, .input_password:hover, .input_search:hover { color: #444; } 
	
	.input_username { background: url(../images/input_username.png) no-repeat; }
	
	.input_password { background: url(../images/input_password.png) no-repeat; }
	
	.input_search { width: 365px; background: url(../images/input_search.png) no-repeat; } 
	
	.button_login, .button_submit, .button_preview { width: 89px; height: 25px; border: none; }
	.button_login { background: url(../images/button_login.png) no-repeat; }
	.button_submit { background: url(../images/button_submit.png) no-repeat; }
	.button_preview { background: url(../images/button_preview.png) no-repeat; }
	
	.textfield { padding: 7px 3px; background: white; border: 1px solid #AAA; }
	
/* Lentelės su rounded corners
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	.box { margin: 20px 0; width: auto; }
	
	.box .title { width: 100%; height: 39px; background: url(../images/box_title_center.png) repeat-x; }
	
	.box .title .title_left { width: 19px; height: 39px; display: block; background: url(../images/box_title_side_left.png) no-repeat; float: left; }
	
	.box .title h1 { width: auto; padding: 8px 0 0 0; color: #33373a; float: left; font-size: 1.2em; }
	
	.box .title .title_right { width: 19px; height: 39px; display: block; background: url(../images/box_title_side_right.png) no-repeat; float: right; }
	
	div.box div.content { width: auto; height: auto; min-height: 100px;  background: url(../images/box_content_bg.png) repeat-x; border: 1px solid #bcc5d0; border-top: none; border-bottom: none; }
	
	.box .no-bg { background: none; }
	
	.box .content .pin { width: auto; height: 6px; margin: 0 0 0 30px; background: url(../images/box_title_pin.png) no-repeat; position: relative; top: -1px; }
	
	.box .content .text { width: auto; padding: 12px 10px; color: #373737; overflow: hidden; }
	
	.box .content .text div.post { color: #666; padding: 10px 0; }
	
	.box .content h1 { color: black; font-size: 1.6em; margin: 0 0 5px 0; }
	
	.box .content h2 {  font-size: 1.4em; border-bottom: 3px solid #c53c06; color: #c53c06; }
	
	.box .content h3 { color: #75480f; text-transform: uppercase; }
	
	.box .content .info, .box .content .info2 { width: auto; border: 1px solid #cbcbcb; border-left: none; border-right: none; padding: 5px 0; margin: 15px 0; color: #666; clear: both; }
	
	.box .content .info2 { font-size: 0.9em; }
	
	.box .content .info2 a { color: #777; }
	
	.box .content .info2 a:hover { color: black; }
	
	.box .content .info2 a.active { color: black; }
	
	.box .content .info2 a.active:hover { color: #088aff; }
	
	.box .content .info img, .box .content .info2 img { position: relative; top: 3px; }
	
	.box .content h2 img { position: relative; top: 2px; }
	
	.box .bottom { width: 100%; height: 6px; background: url(../images/box_bottom_center.png) repeat-x; }
	
	.box .bottom .bottom_left { width: 19px; height: 6px; display: block; background: url(../images/box_bottom_side_left.png) no-repeat; float: left; }
	
	.box .bottom .bottom_right { width: 19px; height: 6px; display: block; background: url(../images/box_bottom_side_right.png) no-repeat; float: right; }	
	
	
/* Forumai
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	h1.forum_cat { width: 99%; height: 24px; padding: 6px 0 5px 1%; background: url(../images/forum_cat_title.png) repeat-x; }
	.box .content h1.forum_cat { font-size: 1.1em; margin: 0; color: #FFF; font-weight: bold; }
	table.forums th { height: 23px; background: url(../images/table_th.png) repeat-x; padding: 6px 10px 3px 10px; font-weight: bold; }
	table.forums td { border-bottom: 1px solid #DADADA; padding: 10px 0 10px 0; }
	table.forums tr:last-child td { border: 0; }
	table.forums td.no_new_posts, table.forums td.new_posts, table.forums td.no_new_posts_sticky, table.forums td.new_posts_sticky,
	table.forums td.no_new_posts_global, table.forums td.new_posts_global { padding: 10px 10px 10px 30px; }
	table.forums td.no_new_posts { background: url(../images/icons/folder_gray.gif) no-repeat 5px 12px; }
	table.forums td.new_posts { background: url(../images/icons/folder_orange.gif) no-repeat 5px 12px; }
	table.forums td.no_new_posts_sticky { background: url(../images/icons/folder_gray_sticky.gif) no-repeat 5px 12px; }
	table.forums td.new_posts_sticky { background: url(../images/icons/folder_orange_sticky.gif) no-repeat 5px 12px; }
	table.forums td.no_new_posts_global { background: url(../images/icons/folder_gray_global.gif) no-repeat 5px 12px; }
	table.forums td.new_posts_global { background: url(../images/icons/folder_orange_global.gif) no-repeat 5px 12px; }
	table.forums td.author { border-right: 1px solid #DADADA; padding: 10px; font-size: 0.9em; }
	table.forums td.post { padding: 10px; vertical-align: top; }
	.box .content table.forums td h1 { font-size: 1.2em;  }
	.box .content table.forums h1 a { color: #088fff; }
	.box .content table.forums h1 a:hover { text-decoration: underline; }
	.box .content table.forums td .forum_desc { color: #666; margin: 0 0 0 -24px; }
	.box .content table.forums tr.alt td {  }
	.box .content table.forums th a:hover { text-decoration: underline; }
	.box .content table.forums td.author h1 { font-size: 1em; font-weight: bold; font-family: Arial; }
	
/* Apklausos
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	.poll h1, .box .content .poll h1 { font-size: 1.3em; margin: 0 0 15px 0; color: #cf4e00; }
	.poll .wrapper { width: 98%; padding: 1%; border: 1px solid #CCC; margin: 5px 0 15px 0; }
	.poll .bar, .poll .answer { display: block; height: 16px; }
	.poll .bar { background: #333; }
	.poll .answer { padding: 6px 0 0 20px;  background: url(../images/icons/answer.png) no-repeat 0 5px; color: #666; }

/* Laikini aprašai
-----------------------------------------------------------------------------------------------
===============================================================================================*/