@import "js/sifr.css";

h1 {font-family: arial; letter-spacing: -1px;}

#forma td {line-height: 18px; padding: 5px;}
#forma input {line-height: 16px; height: 16px; padding: 3px 4px; border: 1px solid #bbb; width: 310px;}
#forma select {line-height: 16px; height: 22px; padding: 3px 4px; border: 1px solid #bbb; width: 320px;}

#right #saveit h2 {background: url(images/alert.gif) 8px right 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 {clear: both; width: 300px; float: left; color: #666; margin-top: 0;}
#left p.metodikamsg a {color: #666;}
#left p.metodikamsg a:hover {text-decoration: underline;}

#left #politikai {padding-top: 70px;}
#left #politikai h1 {width: 300px; margin: 0; padding: 5px 0 0 0; float: left;}
#left #politikai 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; }
#left #politikai span {color: #5392b9; padding-right: 8px;}
#left #politikai h2 {position: absolute; z-index: 1; bottom: -80px; font-family: arial; font-size: 14px}
#left #politikai .fixer {position: relative; }

#politikai li {width: 150px; line-height: 18px; font-size: 11px; font-family: verdana; height: 18px; overflow: hidden;}
#politikai ul {margin: 0; padding: 0; list-style: none; }
#politikai li a {color: black;   display: block;}
#politikai li a:hover {background: #5392b9; color: white;}
#politikai li.headline {background: red;}
#politikai li.headline b {display: none;}

#left #rezultatai {padding-top: 70px;}
#left #rezultatai h1 {width: 300px; margin: 0; padding: 5px 0 0 0; float: left;}
#left #rezultatai h2 span {font-size: 24px;}
#left #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; }
#left #rezultatai span {color: #5392b9; padding-right: 8px;}
#left #rezultatai h2 {position: absolute; z-index: 1; bottom: -130px; font-family: arial; font-size: 14px}
#left #rezultatai a.dardaugiau {position: absolute; z-index: 1;  padding-top: 15px; font-family: arial; color: #666; font-family: verdana; font-size: 11px;}
#left #rezultatai .fixer {position: relative; }

#left #rezultatai li span {font-weight: bold;} 

#rezultatai li {width: 180px; line-height: 18px; font-size: 11px; font-family: verdana; height: 18px; overflow: hidden;}
#rezultatai ul {margin: 0; padding: 0;}
#rezultatai li a {color: black;   display: block;}
#rezultatai li a:hover {text-decoration: underline;}
#rezultatai li.headline2 {background: url(images/shadow.gif) no-repeat center 40px !important; width: 610px; height: 130px;}
#rezultatai li.headline2 b {display: none;}

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

#rezultatai ul#photo {padding-top: 30px;}
#rezultatai #photo li {float: left; width: 140px; height: auto; margin: 0 14px 25px 0;}
#rezultatai #photo li a:hover {background: transparent; color: inherit; text-decoration: underline;}
#rezultatai #photo li div.photo2 {height: 195px; width: 136px;  margin-bottom: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}


#politikai div.wrapper
{background: white;
	z-index: 999; position: relative;  
  float: left;
  width: 170px;
}

#rezultatai div.wrapper
{background: white;
	z-index: 999; position: relative;  
  float: left;
  width: 210px;
}


.superwrapper {
background: white;  overflow: auto; 	z-index: 998; position: relative;  
	
}

.filtered {clear: both; padding-left: 120px; position: relative;}
.filtered li {  display: block;}
.filtered .hidden { 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 --------------*/

* html #navigation  {margin:0; padding:0; float: right; background: none;}

a:focus { outline:none }

body {
	background: #ffffff url("images/bg.jpg") top center no-repeat;
	color: #000000; font-family: tahoma; font-size: 12px; line-height: 18px;
	width: 940px;
	margin: auto;
	text-align: center;
	}

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

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

div#headerbig	{text-align: left; height: 61px; margin: 36px 0 0px 0;}

#headerbig #navigation li {margin: 0; padding: 0; list-style: none; display: block; float: left; background: url(images/menubg.png) repeat-x center;}

#navigation  {margin:0; padding:0; float: right; background: url(images/black.png) no-repeat center;}




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

#navigation li a { 
text-decoration: none;  
margin: 1px 0; 
padding: 0 40px; 
border-left: 1px solid #ffffff; 
border-right: 1px solid #bebebe; 
line-height: 34px; 
display: block; 
color: #000000; 
font-family: tahoma;
font-weight: bold; 
font-size: 12px; }

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

#navigation a.left {background: url(images/menuleft.png) top left; border-left: 0px; margin-left:1px;}
#navigation a.left:hover {background: url(images/menuleft.png) left -46px no-repeat ;}

#navigation a.right {background: url(images/menuright.png) top right; border-right: 0px; margin-right:1px;}
#navigation a.right:hover {background: url(images/menuright.png) right -46px no-repeat ;}



div#content {clear: both; text-align: left;}

#left a {text-decoration: none;}



div#left {text-align: left; width: 646px; min-height: 600px;}
div#left2 {text-align: left; width: 436px}
#left h1 {margin: 20px 0 0 -2px; padding: 10px 0 5px 0; font-size: 20px; font-family: arial; width: 314px; height: 36px;}


div#right {margin-left: 646px; position: absolute;}
div#right2 {margin-left: 466px; margin-top: 80px; position: absolute;}


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

div#selecttest {padding: 20px 0 0 20px;}
#selecttest h2 {margin: 0 0 0 -2px; padding: 0; font-size: 20px; font-family: arial; width:145px; color: #000000; height: 28px;}
#selecttest a {display: block; float: left; width: 190px; 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: 145px;}


#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 a:hover {text-decoration: underline;}

#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;}


#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 {text-decoration: underline;}

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

.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;}
* html #navigation a.left {background: url(images/ie6/menuleft.gif) top left; border-left: 0px; margin-left:1px;}
* html #navigation a.left:hover {background: url(images/ie6/menuleft.gif) left -46px no-repeat ;}
* html #navigation a.right {background: url(images/ie6/menuright.gif) top right; border-right: 0px; margin-right:1px;}
* html #navigation a.right:hover {background: url(images/ie6/menuright.gif) right -46px no-repeat ;}
* html #headerbig #navigation li {margin: 0; padding: 0; list-style: none; display: block; float: left; background: url(images/ie6/menubg.gif) repeat-x center;}
* html #navigation a:hover { background: url(images/ie6/menubg_hover.gif); border-left: 1px solid #e1e1e1; border-right: 1px solid #9a9a9a;}