/*  CSS papildymai  */
#resultss {z-index: 2000;}
#resultss .more {display: none; position: absolute; z-index: 999; background: url(tooltip.png); color: #666; padding: 20px 25px 0px 35px;  height: 170px; line-height: 18px; font-size: 12px; width: 255px; right: -310px; top: -13px;}
#resultss b {color: #333;}
#resultss a {position: relative;}
#resultss a:hover .more {display: block;}

/* Originalus CSS */

body {margin: 0 auto; font-family: Helvetica, arial, sans-serif; background: url(bg.jpg) center top no-repeat; width: 980px;}
img, fieldset, form {margin: 0; padding: 0; border: 0;}

#header {height: 90px; line-height: 90px}
#header img {margin: 20px 0;}

.titlebar {font-size: 14px; font-weight: bold; color: white; height: 33px; line-height: 33px; padding: 0 16px;}

#left {width: 480px; float: left; position: relative;}
#left .titlebar {background: #97d900 url(lefttop.gif) no-repeat;}

#intro {background: white url(intro.jpg) bottom no-repeat; padding: 35px 40px; border-right: 1px solid #bac6c3; border-left: 1px solid #bac6c3; height: 372px;}
#intro h1 {margin: 0; color: #0e212a; font-size: 28px; height: 0; padding-top: 29px; background: url(hi.gif) no-repeat; overflow: hidden;}
#intro p {font-size: 14px; color: #838383; line-height: 21px; width: 313px;}

#intro_en {background: white url(intro.jpg) bottom no-repeat; padding: 35px 40px; border-right: 1px solid #bac6c3; border-left: 1px solid #bac6c3; height: 372px;}
#intro_en h1 {margin: 0; color: #0e212a; font-size: 28px; height: 0; padding-top: 29px; background: url(hi_en.gif) no-repeat; overflow: hidden;}
#intro_en p {font-size: 14px; color: #838383; line-height: 21px; width: 313px;}

#resultss {height: 442px; background: white;  border-right: 1px solid #bac6c3; border-left: 1px solid #bac6c3;}
#resultss a {display: block; text-decoration: none; border-bottom: 1px solid #dfe3e4; height: 49px; }
#resultss .label {font-size: 14px; font-weight: bold; width: 120px; padding-left: 15px; line-height: 16px; overflow: hidden; display: block; float: left; padding-top: 9px; color:#333333;}
#resultss .label span {display: block; font-size: 11px; color: #aaa; font-weight: normal; height: 18px; line-height: 18px;}

#resultss .graph {background: #ff004d url(red.gif) right top; float: left; height: 9px; overflow: hidden; margin-top: 20px; width: 30px; display: inline;}
#resultss div.min {background: #97e600 url(green.gif); height: 9px;  float: left; display: inline;}
#resultss div.sms {background: #ffdf00 url(yellow.gif); height: 9px; float: left;  display: inline;}
#resultss div.mb {background: #ff9000 url(orange.gif); height: 9px; float: left;  display: inline;}
#resultss div.phone {background: #ff004d url(red.gif) right top; height: 9px; float: left;  display: inline;}

#resultss .price {float: left; font-size: 14px; font-weight: bold; padding-left: 15px; line-height: 16px; display:block; padding-top: 9px; color:#333;}
#resultss .price span {display: block; font-size: 11px; color: #aaa; font-weight: normal; height: 18px; line-height: 18px;}
#resultss #legend em {float: left; font-size: 11px; display: block; height: 19px; line-height: 19px; font-style: normal; margin-top: 15px; margin-right: 20px; padding-left: 15px;}
#resultss em.min {background: url(min.gif) left center no-repeat}
#resultss em.sms {background: url(sms.gif) left center no-repeat}
#resultss em.mb {background: url(mb.gif) left center no-repeat}
#resultss em.phone {background: url(phone.gif) left center no-repeat}


#footer {height: 10px; background: url(leftbottom.gif) top no-repeat; padding-top: 5px; margin-bottom: 20px;}
#footer #facebook {float: left; height: 28px; line-height: 28px; font-size: 11px; width: 82px; padding-left: 35px; background: white url(fb.gif) no-repeat; color: #333; display: block; text-decoration: none;}
#footer form {float: left; background: white url(email.gif) no-repeat; width: 344px; height: 28px;  padding: 0; margin: 0; margin-left: 17px; display: inline;}
#footer fieldset {margin: 0; padding: 0;}
#footer input {border: 0; outline: 0; height: 26px; line-height: 26px; margin: 1px 4px; padding: 0 0 0 5px; width: 265px; color: #999; font-size: 11px; float: left;}
#footer button {float: left; height: 26px; font-weight: bold; color: #333; font-size: 11px; border: 0; width: 60px; background: transparent; cursor: pointer; margin: 1px; border-left: 1px solid #ccc; display: inline;}

#right {width: 480px; float: right; position: relative;}
#right .titlebar {background: #97d900 url(righttop.gif) no-repeat;}
#copy {clear: both; text-align: right; font-size: 11px; line-height: 15px; color:#a8acab; margin-top: 13px;}

#tip {width: 88px; height: 31px; padding-left: 11px; font-weight: bold; color: white; font-size: 14px; background: url(tip.gif) no-repeat; line-height: 31px; position: absolute; left: -105px; top: 45px; }

#right form {clear: both;  border-right: 1px solid #bac6c3; border-left: 1px solid #bac6c3; font-size: 11px; background: white url(rightbottom.gif) bottom no-repeat;}
#right fieldset {border-bottom: 1px solid #dfe3e4; height: 49px; overflow: hidden; } 
#right label {margin-right: 16px; }
#right .radio {margin-top: 14px}
#right .label {font-size: 14px; font-weight: bold; width: 200px; padding-left: 15px; line-height: 16px; display: block; float: left; padding-top: 9px; color:#333333;}
#right .label span {display: block; font-size: 11px; color: #aaa; font-weight: normal; height: 18px; line-height: 18px;}


#right #telefonas {border: 0;}
#right #telefonas label {margin-right: 4px;}

#handle_arto {display: none!important;}
#handle_lto {display: none!important;}
#handle_mino {display: none!important;}
#handle_minarto {display: none!important;}
#handle_smso {display: none!important;}
#handle_mbo {display: none!important;}

#submit {display: none;} 
select {display: none;}

select#dropdown {display: block;}


.ui-widget { font-family: Arial, sans-serif; font-size: 11px; }
.ui-widget-content { background: #f5f5f5 url(slider.gif); color: #646464;  }
.ui-widget-header { border: 1px solid #4297d7; background: #97e600 url(slidera.gif);}
.ui-corner-all {-webkit-border-radius: 4px; -moz-border-radius: 4px;}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {text-decoration: none; outline: none; }
 .ui-state-hover a, .ui-state-hover a:hover {text-decoration: none; outline: none; }
 .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { outline: none; text-decoration: none; }

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; line-height: 13px; border: 0; width: 14px;  outline: 0; height: 14px; cursor: move; cursor: -moz-grab; cursor: -webkit-grab; }
.ui-slider .ui-slider-handle:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: 9px; width: 235px; float: left; margin-top: 20px;}
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider  {text-decoration: none !important;}
.ui-slider .ui-slider-handle  {overflow: visible !important;}
.ui-slider .ui-slider-tooltip {
	background: white;
	border: 1px solid #c4c4c4; 
	display: block;
	position: absolute;
	bottom: -2px;
	text-align: center;
	padding: 2px 4px;
 	width: 40px;
	height: 13px;
	margin-left: -12px;
}
.ui-slider .ui-state-active .ui-slider-tooltip, .ui-slider .ui-state-focus .ui-slider-tooltip, .ui-slider .ui-state-hover .ui-slider-tooltip {color: black;}
.ui-slider a {text-decoration: none;}
.ui-slider span.ui-slider-label {position: absolute;}
.ui-slider ol {display: none;}
.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {display: block;}
.ui-slider span.ui-slider-tic {position: absolute; left: 0; height: .8em; top: -1.3em;}
.ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic { display: none;}


/*prideta*/

/*
#header a.argument {display: block; text-decoration: none; color:#000000; height: 24px; line-height: 23px;  top:40px; padding-left: 31px; width: 104px; position: absolute; font-size: 11px; font-weight: bold; background: url(./argumentbg.jpg) top left no-repeat;}
#header a.argument:hover {background-position: bottom left; text-decoration: none; color:#ffffff;}
#header a.argument_back {display: block; text-decoration: none; color:#000000; height: 24px; line-height: 23px;  top:40px; padding-left: 51px; width: 104px; position: absolute; font-size: 11px; font-weight: bold; background: url(./argumentbg_back.jpg) top left no-repeat;}
#header a.argument_back:hover {background-position: bottom left; text-decoration: none; color:#ffffff;}
*/

#header a.argument {display: block; text-decoration: none; color:#000000; height: 24px; line-height: 23px;  top:50px; font-size: 14px; font-weight: bold;}
#header a.argument:hover {text-decoration: underline;}

a.argument2 {text-decoration: none; color:#000000; height: 11px; font-size: 11px; font-weight: bold;}
a.argument2:hover {text-decoration: underline;}

a.argument3 {text-decoration: none; color:#000000; height: 11px; font-size: 11px;}
a.argument3:hover {text-decoration: underline;}


#intro_about {background: white; padding: 5px 40px; border-right: 1px solid #bac6c3; border-left: 1px solid #bac6c3; height: 432px;}
#intro_about h1 {margin: 0; color: #0e212a; font-size: 28px; height: 0; padding-top: 29px; background: url(hi.gif) no-repeat; overflow: hidden;}
#intro_about p {font-size: 12px; color: #838383; line-height: 21px; width: 420px;}


#right label2 {margin-right: 20px;}
#right .radio2 {margin-top: 14px}
#right .label2 {font-size: 14px; font-weight: bold; width: 280px; padding-left: 15px; line-height: 16px; display: block; float: left; padding-top: 9px; color:#333333;}
#right .label2 span {display: block; font-size: 11px; color: #aaa; font-weight: normal; height: 18px; line-height: 18px;}


#right label3 {margin-right: 20px;}
#right .radio3 {margin-top: 14px}
#right .label3 {font-size: 14px; font-weight: bold; width: 450px; padding-left: 15px; line-height: 16px; display: block; float: left; padding-top: 9px; color:#333333;}
#right .label3 span {display: block; font-size: 11px; color: #aaa; font-weight: normal; height: 250px; line-height: 18px;}


