/* main */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	zoom: 1;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

body {
	background: #ffffff top center no-repeat;
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	line-height: 18px;
	width: 940px;
	margin: auto;
	text-align: center;
}

body.page {
	background: #ffffff url('images/bg3.png') top center repeat-x;
}

#wrapper {
	margin-top: 36px;
	text-align: left;
}

img, div, a, li { behavior: url('js/iepngfix.htc'); border: 0px; }
img, div, a, li { behavior: url('../js/iepngfix.htc'); border: 0px; }
img, div, a, li { behavior: url('../../js/iepngfix.htc'); border: 0px; }

h1 {
	margin: 0;
	padding: 5px 0;
	font-size: 20px;
	font-family: arial;
}

h2 {
	margin-top: 0;
	padding-top: 0;
	font-size: 16px;
}

ul {
	margin: 10px 0 0 14px;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	line-height: 25px;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 0.6em 0;
}

.hidden {
	display: none;
}

#content {
	clear: both;
}

#left {
	float: left;
	width: 646px;
	padding-top: 70px;
}

#left2 {
	float: left;
	width: 436px
}

#right {
	float: left;
}

#right2 {
	float: left;
	margin-top: 80px;
}

/* header */
#headerbig {
	margin: 0;
	height: 61px;
}
#logo {
	float: left;
	display: block;
}

/* navigation */
#navigation {
	margin: 0;
	padding: 0;
	float: right;
}

#navigation ul {
	margin:0;
	padding:0;
}

#navigation li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation li a {
	display: block;
	margin: 1px 0;
	padding: 0 40px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #bebebe;
	line-height: 34px;
	text-decoration: none;
	color: #000000;
	font-family: tahoma;
	font-weight: bold; 
	font-size: 12px;
	background: url('images/menubg.png') repeat-x center;
}

* html #navigation li a {
	background: url('images/ie6/menubg.gif') repeat-x center;
}

#navigation li a:hover {
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #9a9a9a;
	background: url('images/menubg_hover.png');
}

* html #navigation li a:hover {
	background: url('images/ie6/menubg_hover.gif');
}

#navigation li.first a {
	border-left: 0px;
	margin-left: 1px;
	background: transparent url('images/menuleft.png') top left;
}

* html #navigation li.first a {
	background: url('images/ie6/menuleft.gif') top left;
}

#navigation li.first a:hover {
	background: url('images/menuleft.png') left -46px no-repeat;
}

* html #navigation li.first a:hover {
	border-left: 0px;
	margin-left: 1px;
	background: url('images/ie6/menuleft.gif') left -46px no-repeat;
}

#navigation li.last a {
	border-right: 0px;
	margin-right: 1px;
	background: transparent url('images/menuright.png') top right;
}

* html #navigation li.last a {
	background: url('images/ie6/menuright.gif') top right;
}

#navigation li.last a:hover {
	background: url('images/menuright.png') right -46px no-repeat;
}

* html #navigation li.last a:hover {
	border-right: 0px;
	margin-right: 1px;
	background: url('images/ie6/menuright.gif') right -46px no-repeat;
}


#right #saveit h2 {
	background: url('images/alert.gif') right 8px no-repeat;
}

#right #saveit input {height: 18px; line-height: 18px;  padding: 4px 7px; border: 1px solid #bbb; margin-right: 15px; width: 120px; -moz-border-radius: 6px; -webkit-border-radius: 6px; outline: none; }

#left p.metodikamsg {
	color: #666;
}

#politikai h1,
#rezultatai h1 {
	float: left;
}

#politikai span {
	padding-right: 8px;
	color: #5392b9;
}

#politikai input,
#rezultatai input {float: right; margin-right: 30px; height: 18px; line-height: 18px;  background: url(images/lupa.gif) no-repeat right center;padding: 4px 7px; border: 1px solid #bbb; width: 200px; -moz-border-radius: 6px; -webkit-border-radius: 6px; outline: none; }

#politikai .party,
#rezultatai .party {
	margin-top: 30px;
}

#politikai .party h2,
#rezultatai .party h2 {
	font-family: arial;
	font-size: 14px
}

#politikai .party h2 span,
#rezultatai .party h2 span {
	color: #5392b9;
	padding-right: 8px;
}

#politikai .party .logo,
#rezultatai .party .logo {
	float: left;
}

#politikai .party .list,
#rezultatai .party .list {
	float: right;
	width: 540px;
	margin-left: 6px;
}

#politikai .party .list ul,
#rezultatai .party .list ul {
	float: left;
	width: 180px;
}

#politikai .party .list ul,
#rezultatai .party .list ul {
	margin: 0;
	padding: 0;
}

#politikai .party .list ul li,
#rezultatai .party .list ul li {
	width: 175px;  
	line-height: 18px;
	font-size: 11px;
	font-family: verdana;
	height: 18px;
	overflow: hidden;
}

#politikai .party .list ul li a,
#rezultatai .party .list ul li a,
#rezultatai .photo a {
	color: black;
	text-decoration: none;
}

#politikai .party .list ul li a:hover,
#rezultatai .party .list ul li a:hover,
#rezultatai .photo a:hover {
	color: black;
	text-decoration: underline;
}

#rezultatai .party .list ul li span,
#rezultatai .photo span {
	padding-right: 8px;
}

#rezultatai span.verygood {color: #37b41e}
#rezultatai span.good {color: #92b41e}
#rezultatai span.normal {color: #d4af00}
#rezultatai span.bad {color: #ff6559}
#rezultatai span.verybad {color: #c60000}

#rezultatai .row {
	margin-bottom: 20px;
}

#rezultatai .photo {
	float: left;
	width: 136px;
	margin-right: 20px;
}

#rezultatai .photo a {
	display: block;
	padding-top: 210px;
}

#rezultatai .photo .photo2 {
	width: 136px;
	height: 220px;
	margin-top: -210px;
	margin-bottom: -20px;
	background: url('images/photo-border.gif') center top no-repeat;
}

* html #rezultatai .photo .photo2 {
	display: none;
}

a.kitatema {display: block; height: 24px; line-height: 23px; color: #333333; text-decoration: none; text-align: left; float: right; padding-left: 11px; width: 129px; background: url(images/kitatema.gif) top left no-repeat;}
a.kitatema:hover {background-position: bottom left; color: white;}

a.ankstesnetema {display: block; height: 24px; line-height: 23px; color: #333333; text-decoration: none; text-align: right; float: left; padding-right: 11px; width: 129px; background: url(images/ankstesnetema.gif) top left no-repeat;}
a.ankstesnetema:hover {background-position: bottom left; color: white;}








/*--------------- ZEMIAU SENAS CSS, NEISTRINTI --------------*/


/*.photo {float: left; margin: 18px 50px 30px 0; line-height: 30px; font-weight: bold;}*/

div#selecttest {padding: 20px 0 0 20px;}
#selecttest h2 {margin: 0 0 0 -2px; padding: 0; font-size: 20px; font-family: arial; width:430px; color: #000000; height: 28px;}
#selecttest a {display: block; float: left; width: 588px; color: #9a9a9a; padding: 0; background: url(images/selectbg.jpg) top center; }
#selecttest a span {color: #666666; font-weight: bold; display: block; padding: 8px 0 15px 0; background-image: url(images/arrow.gif); background-position: 74px 12px; background-repeat: no-repeat;}
#selecttest a:hover {color: #555555; background: url(images/selectbg.jpg) center -889px no-repeat ;}
#selecttest a:hover span {color: #000000;}

#selecttest a.left div {border-left: 0px; }
#selecttest a.left {background: url(images/selectbg.jpg) top left;}
#selecttest a.left:hover {background: url(images/selectbg.jpg) left -889px no-repeat ;}

#selecttest a.right div {border-right: 0px; }
#selecttest a.right {background: url(images/selectbg.jpg) top right;}
#selecttest a.right:hover {background: url(images/selectbg.jpg) right -889px no-repeat ;}


#selecttest a div { margin: 1px 0 15px 0 ; padding: 13px 25px 0 25px; height: 96px; border-left: 1px solid #ffffff; border-right: 1px solid #bebebe; }
#selecttest p {margin: 0 25px; width: 550px;}


#right p {margin: 0; padding: 0 0 8px 0; font-family: tahoma;}
#right h2 {margin: 0 0 0 -2px; padding: 10px 0 5px 0; font-size: 20px; font-family: arial; width: 214px; height: 30px;}
#right div#linklist h2 {margin: 0 0 0 -2px; padding: 10px 0 5px 50px; font-size: 20px; font-family: arial; width: 244px; height: 30px;}
#right div#linklist2 h2 {margin: 0 0 0 -2px; padding: 10px 0 5px 50px; font-size: 20px; font-family: arial; width: 244px; height: 30px;}


div#right.front {background: url(images/miskas.jpg) right 112px no-repeat;}

#right div {background-image: url(images/boxbg.png); background-position: top left; padding: 10px 30px 7px 50px; width: 214px;}
#right div#linklist {background-image: url(images/boxbg.png); background-position: top left; padding: 10px 0px 7px 0px; width: 294px;}
#right div#linklist2 {background-image: url(images/boxbg.png); background-position: top left; padding: 10px 0px 7px 0px; width: 294px;}

#right div.boxbottom {clear: both; background-image: url(images/boxbgbottom.png); background-position: bottom left; display: block; height: 16px; width: 294px; padding: 0; margin-bottom: 15px;}

#right ol {margin: 0 0 0 19px; padding: 0; }

#right li {line-height: 25px;}

#right li span {float: right}

.moore {font-weight: bold; padding-right: 25px; color: black; text-decoration: none; background: url(images/arrow.gif) no-repeat center right;}
.moore2 {font-weight: bold; padding-left: 25px; color: black; text-decoration: none; background: url(images/arrow2.gif) no-repeat center left;}
.moore3 {font-weight: bold; padding-left: 25px; color: black; text-decoration: none; background: url(images/arrowd.gif) no-repeat center left;}

a.moore:hover,
a.moore2:hover,
a.moore3:hover {
	text-decoration: underline;
}


#linklist li {margin: 0; background: url(images/listborder.png) top left no-repeat; list-style: none;}
#linklist li a {display: block; line-height: 31px; font-weight: normal; color: #666; text-decoration: none; padding: 0 30px 0 50px ; }

#linklist2 li {margin: 0; background: url(images/listborder.png) top left no-repeat; list-style: none;}
#linklist2 li a {display: block; line-height: 31px; font-weight: normal; color: #666; text-decoration: none; padding: 0 30px 0 50px ; }


#linklist li a span {font-weight: bold;}
#linklist2 li a span {font-weight: bold;}

#linklist a:hover {text-decoration: none; color: #fff;}
#linklist2 a:hover {text-decoration: underline; color: #fff;}
#linklist2 li a:hover {text-decoration: none; color: #fff;}

#linklist a:hover {background: url(images/liselect.png) no-repeat; color: #fff;}
#linklist2 a:hover {color: #000;}
#linklist2 li a:hover {background: url(images/liselect.png) no-repeat; color: #fff;}

#linklist ul {margin: 15px 0 0 0; padding:0;}
#linklist2 ul {margin: 15px 0 0 0; padding:0;}

ul.results {list-style: none; margin: 10px 0 0 0; padding:0;}

ul.results a {color: #000; text-decoration: none}

ul.results a:hover {color: #11911b;}

.name { display: block; float: left; width: 251px; text-align: right; padding-right: 15px; border-right: 1px solid #d9d9d9;}
.name_graf { display: block; float: left; width: 201px; text-align: right; padding-right: 15px; border-right: 1px solid #d9d9d9;}

/*.party { display: block; float: left; width: 301px; text-align: right; padding-right: 15px; border-right: 1px solid #d9d9d9;}*/

.bar { display: block; float: left; height:14px; background: url(images/barbg.png) center left; margin: 5px 15px 4px 15px; border: 1px solid #1ca42b;}

#more a {font-weight: bold; width: 201px; display: block; text-align: right; text-decoration: none; color: #000000; padding-right: 20px; padding-bottom: 0px; background-image: url(images/arrowd.gif); background-position: center right; background-repeat: no-repeat;}
#more a:hover {text-decoration: underline;}

#more2 a {font-weight: bold; width: 200px; display: block; text-align: center; text-decoration: none; color: #000000; padding-left: 40px; padding-bottom: 0px; background-image: url(images/arrowd.gif); background-position: center right; background-repeat: no-repeat;}
#more2 li a {font-weight: bold; width: 80px; display: block; text-align: center; text-decoration: none; color: #000000; padding-left: 40px; padding-bottom: 0px; background-image: url(images/arrowd.gif); background-position: center right; background-repeat: no-repeat;}
#more2 a:hover,
.more4 a:hover {text-decoration: underline;}

#more {padding: 20px 0; background: url(images/morebg.gif) bottom center no-repeat}
#more2,
#more3 {padding: 20px 0 }

.more4 {padding: 10px 0 }

.more4 a {
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #000000;
	padding-left: 20px;
	padding-bottom: 0px;
	background-image: url(images/arrowd.gif);
	background-position: center left;
	background-repeat: no-repeat;
}


.footnote {color: #808080; width: 646px; text-align: right; margin-top: 10px;}

div.footnote a {color: #808080;}
div.footnote a:hover {color:#000000;}

#question {clear: both; color: #343434; padding: 30px 0 55px 0 ; border-bottom: 1px solid #e0e0e0; width: 570px; margin-left: 35px;}

#question a {color: #343434; text-decoration: none;}
#question a:hover, #question a.active {color: #ffffff}

#question span {font-weight: bold; position: absolute; padding-right: 100px;}



#question #weight {position: absolute; width: 113px; margin-left: 457px; font-size: 11px; font-weight: bold;}
#question #weight a {background: url(images/weightbg.jpg); display: block; padding-left: 11px; line-height: 21px; height: 21px; width: 102px;}

#question #weight a.wtop {background-position: top left;}
#question #weight a.wtopactive, #question #weight a.wtop:hover {background-position: top right}
#question #weight a.wmiddle {background-position: center left}
#question #weight a.wmiddleactive, #question #weight a.wmiddle:hover {background-position: center right;}
#question #weight a.wbottom {background-position: bottom left; line-height: 19px; height: 20px;}
#question #weight a.wbottomactive, #question #weight a.wbottom:hover {background-position: bottom right}

#question #rating {clear: both; font-size: 11px; font-weight: bold;}
#question #rating a {background: url(images/ratingbg.jpg); display: block; float: left; line-height: 23px; height: 24px; padding: 0  13px;}

#question #rating a.rleft {background-position: top left; border-right: 1px solid #cfcfcf;}
#question #rating a.rleftactive, #question #rating a.rleft:hover {background-position: bottom left; border-right: 1px solid #188c24; color: white;}
#question #rating a.rmiddle {background-position: top center; border-right: 1px solid #cfcfcf;}
#question #rating a.rmiddleactive, #question #rating a.rmiddle:hover {background-position: bottom center; border-right: 1px solid #188c24; color: white;}
#question #rating a.rright {background-position: top right;}
#question #rating a.rrightactive, #question #rating a.rright:hover {background-position: bottom right; color: white;}


#question p {width: 425px; padding: 0; margin: 0 0 0 17px; height: 73px;}

#question a.argument {display: block; height: 24px; line-height: 23px;  padding-left: 11px; width: 102px; position: absolute; margin-left: 457px; font-size: 11px; font-weight: bold; background: url(images/argumentbg.jpg) top left no-repeat;}
#question a.argument:hover {background-position: bottom left}

#question #rating {font-size: 11px; font-weight: bold;}


.frontimg {width: 666px; padding-top: 228px; text-align: center; font-weight: bold; background: url(images/bg/rotate.php) top left no-repeat; line-height: 30px;}

div#footer {clear: both; text-align: left;  float: left; margin: 40px 0 0px 0; padding: 13px 0 40px 0; font-size: 11px; color: #a9a9a9; border-top: 1px solid #dddddd; width: 626px;}

#footer a {font-size: 11px; color: #a9a9a9; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#klausimas {width: 210px; margin: 25px 40px; text-align: left; position: absolute; font-weight: bold; color: #333333}
#klausimas a {color: #000000; text-decoration: none; font-size: 11px; position: absolute; margin-top: 340px; }
#klausimas a.argument {display: block; height: 24px; line-height: 23px;  padding-left: 11px; width: 102px; background: url(images/argumentbg.jpg) top left no-repeat;}
#klausimas a.argument:hover {background-position: bottom left; color: white;}

#uz {width: 246px; margin: 25px 0px 40px 290px; position: absolute; text-align: left;}
#uz h2 {height: 31px; background: url(images/uz.gif) center center no-repeat; padding: 0 0 0 20px; margin-bottom: 25px; color: #ffffff; font-size: 12px; font-weight: bold; line-height: 31px; }
#uz p {padding: 0 20px; color: #333333}

#pries {width: 246px; margin: 25px 0px 40px 580px; position: absolute; text-align: left;}
#pries h2 {height: 31px; background: url(images/pries.gif) center center no-repeat; padding: 0 0 0 20px; margin-bottom: 25px; color: #ffffff; font-size: 12px; font-weight: bold; line-height: 31px; }
#pries p {padding: 0 20px; color: #333333}



#argumentai {width: 200px; margin: 420px 40px; position: absolute; text-align: align; font-size: 9px;}


ul#tabaitest {margin: 0; padding: 0;}
#tabaitest a {color: #000000; margin: 0; display: block; padding: 0 0 0 20px;  }
#tabaitest a:hover {color: #2d789c;}
#tabaitest li {margin: 0; padding: 0 20px 0 0; list-style: none; display: block; float: left; height: 29px; line-height: 29px; margin-top: 1px;}
#tabaitest li.active a {background: url(images/tabas.gif) no-repeat left top;}
#tabaitest li.active {background: url(images/tabas.gif) no-repeat right top;}
.frontimg {height: 30px;}

* html #right div {background-image: url(images/ie6/boxbg.gif); background-position: top left; padding: 10px 30px 7px 50px; width: 214px;}
* html #right div#linklist {background-image: url(images/ie6/boxbg.gif); background-position: top left; padding: 10px 0px 7px 0px; width: 294px;}
* html #right div#linklist2 {background-image: url(images/ie6/boxbg.gif); background-position: top left; padding: 10px 0px 7px 0px; width: 294px;}
* html #right div.boxbottom {clear: both; background-image: url(images/ie6/boxbgbottom.gif); background-position: bottom left; display: block; height: 16px; width: 294px; padding: 0; margin-bottom: 15px;}