/* CALCULATOR STYLES */


/* CALC CONTENT
------------------------------ */
#calc_content {background: #F7F7F7; padding: 20px 14px 24px;}

#calc, #calc input {font-family: Tahoma, Verdana, 'sans-serif';}
#calc input {border: 1px solid #BDBDBD; background: #fff; color: #656565; padding: 1px 4px 1px 6px; margin-right: 5px;}
#calc_content {font-size: 1em;}



/* TABS
------------------------------ */

	/* tabs making */
	#calc_tabs {height: 44px; font-size: 0.9em;}
	
	#calc_tabs                      {float:none; display: block;}
	#calc_tabs ul                   {padding:0; margin:0;}
	#calc_tabs ul li                {padding:0; margin-right: 7px; background-image: none;}
	#calc_tabs ul li a              {background: url('/images/calc/calc-tab-bg1.gif') repeat-x 0 0; cursor: pointer; text-decoration: none; outline: 1;}
	#calc_tabs ul li span           {background: url('/images/calc/calc-tab-bg2.gif') repeat-x 0 0; }
	#calc_tabs ul li a span         {background: url('/images/calc/calc-tab-r-corner1.gif') no-repeat 100% 0;}
	#calc_tabs ul li span span      {background: url('/images/calc/calc-tab-r-corner2.gif') no-repeat 100% 0;}
	#calc_tabs ul li a span span    {background: url('/images/calc/calc-tab-l-corner1.gif') no-repeat 0 0;}
	#calc_tabs ul li span span span {background: url('/images/calc/calc-tab-l-corner2.gif') no-repeat 0 0;}
	#calc_tabs ul li a:hover        {color: #000; text-decoration:underline;}
	

	/* tabs common styles */
	#calc_tabs ul li,
	#calc_tabs ul li a, 
	#calc_tabs ul li span {float:left; height: 44px; }
	
	#calc_tabs ul li a span span,
	#calc_tabs ul li span span span {height: 22px; padding: 8px 0px 0 14px;}
	
	#calc_tabs ul li#tab1 a span span span,
	#calc_tabs ul li#tab2 a span span span,
	#calc_tabs ul li#tab3 a span span span,
	#calc_tabs ul li#tab4 a span span span,
	#calc_tabs ul li#tab1 span span span span,
	#calc_tabs ul li#tab2 span span span span,
	#calc_tabs ul li#tab3 span span span span,
	#calc_tabs ul li#tab4 span span span span {
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 8px 65px 0 31px;
	}
	
	
	#calc_tabs ul li#tab1 a span span span {background-image: url('/images/calc/calc-tab-ico-tab11.gif');}
	#calc_tabs ul li#tab2 a span span span {background-image: url('/images/calc/calc-tab-ico-tab21.gif');}
	#calc_tabs ul li#tab3 a span span span {background-image: url('/images/calc/calc-tab-ico-tab31.gif');}
	#calc_tabs ul li#tab4 a span span span {background-image: url('/images/calc/calc-tab-ico-tab41.gif');}
	
	#calc_tabs ul li#tab1 span span span span {background-image: url('/images/calc/calc-tab-ico-tab12.gif');}
	#calc_tabs ul li#tab2 span span span span {background-image: url('/images/calc/calc-tab-ico-tab22.gif');}
	#calc_tabs ul li#tab3 span span span span {background-image: url('/images/calc/calc-tab-ico-tab32.gif');}
	#calc_tabs ul li#tab4 span span span span {background-image: url('/images/calc/calc-tab-ico-tab42.gif');}


/* GRAPH INPUTS
------------------------------ */
#calc_inputs        {background: #EFEFEF; border-bottom: 1px solid #E1E1E1; padding: 17px 24px 16px 10px; }
#calc_inputs strong {padding-left: 14px;}


/* inputs id's */
#dstart, #mstart, #dend, #mend {width: 22px;}
#ystart, #yend {width: 40px;}

/* calendar */
#calc input.clnd {padding:0; background: url('/images/calc/calc-calendar.gif') no-repeat 0 100%; width: 19px; height: 19px; border: 0; cursor: pointer; padding-top: 1px;}

/* submit */
#calc input.submit {border: 0; padding: 0; margin-left: 7px; position: relative; top: 2px;}

/* GRAPH
------------------------------ */
#graph {padding-top: 5px;}
* html #graph {width: 650px;}

#calc_graph                 {width: 683px;}
#calc_graph .wrap           {padding: 20px 5px 0; font-size: 0.95em;}
#calc_graph .wrap span      {color: #898989; float:left; padding-left: 190px;}
#calc_graph .wrap span span {float: none;  font-size: 1em !important;}

#calc_graph .wrap span span.percent-0 {padding-left: 11px; font-size: 0.9em;}
#calc_graph .wrap span span.percent-p {background: url('/images/calc/calc-arrow-p.gif') no-repeat 0 3px; padding-left: 11px; font-size: 0.9em;}
#calc_graph .wrap span span.percent-m {background: url('/images/calc/calc-arrow-m.gif') no-repeat 0 3px; padding-left: 11px; font-size: 0.9em;}


#calc_graph .wrap, #graph {padding-left: 20px;}

#calc_graph .wrap div {float: left; padding-left: 3px;}
#calc_graph .wrap em  {float: left; font-style: normal;}

* html #calc_graph .wrap div, 
* html #calc_graph .wrap span {position: relative; z-index: 5000}


.separator {clear: both; margin-bottom: -10px;}



/* graph table */
#calc_table {}
#calc_table table               {border-collapse: collapse; border-spacing: 0; width: 100%;}
#calc_table table tr th         {background: #67A7D5; color: #fff;}
#calc_table table tr td         {border: 1px solid #E1E1E1; background: #F3F3F3;}
#calc_table table tr td.first   {text-align: left;border-left: 0;}
#calc_table table tr td.percent-0 {color: #656565; border-right: 0;}
#calc_table table tr td.percent-p {color: #5AB019; border-right: 0;}
#calc_table table tr td.percent-m {color: #B13B3F; border-right: 0;}

	#calc_table table tr td, 
	#calc_table table tr th {padding: 7px 17px; text-align: center;}


/* graph export */
#calc_export       {padding: 50px 20px 0 4px;}
#calc_export div   {background: url('/images/calc/calc-ico-export.gif') no-repeat 0 0; padding: 2px 0 0 30px ; height: 25px;}
#calc_export div a {}

/* CALC
------------------------------ */
#calc_calc             {padding: 30px 20px 30px;}
#calc_calc #sum        {width: 124px;}
#calc_calc #date       {width: 100px;}
#calc_calc #date1      {width: 100px;}
#calc_calc #date2      {width: 100px;}
#calc_calc .row        {float:left; height: 30px;}
#calc_calc table tr td {padding: 5px 0;}

#calc_calc input {float: left; border: 1px solid #BDBDBD; background: #fff; color: #656565; font-size: 12px; padding: 1px 4px 2px 6px; height: 13px; margin-right: 5px;}
#calc_calc input {float: left; border: 1px solid #BDBDBD; background: #fff; color: #656565; font-size: 12px; padding: 1px 4px 2px 6px; height: 13px; margin-right: 5px;}
#calc_calc input.btn {padding: 0; border: 0; width: 19px; height: 18px; }

#calc_result  { }
#calc_result table {border-top: 1px solid #E0E4E7; background: #ECEEF0;  margin-left: 20px;}
#calc_result table tr td {  padding: 0px 0px 15px 20px; padding-bottom: 8px; }
#calc_result table td.h{ padding-top:20px;}
#calc_result table td.end{ padding-bottom:20px; padding-right:20px;}

.important {color: #F7941D}








/* DESCRIPTION
------------------------------ */
#calc_desc {padding: 30px 20px 30px;}
#calc_desc p {line-height: 1.3}
#calc_desc ul {margin-left: 0;}
#calc_desc ul li {padding-left: 14px; background-position: 0 6px;}


#calc_desc ul.non {list-style: none; }
#calc_desc ul.non li {padding-left: 0; background-image: none;}






/* IE HACKZ, COMMONT ETC.
------------------------------ */

#calc_inputs strong, #calc input.clnd {
	//margin-bottom: 1px;
}

#calc input.submit {
	//position: static;
	//top: 0;
}

.content {padding-right: 0 !important;}

#calc_graph {
	min-width: 610px;
	//width:expression(document.body.clientWidth < 960 ? "610px": "auto" );
}

/** html #calc_table table{width:expression(document.body.clientWidth < 960 ? "600px": "auto" );}*/
/*#main {width:expression(document.body.clientWidth < 990 ? "990px": "auto" );} */

.error {
	color: #B13B3F;
}

#select_form img {position: relative; top: 4px; //top: 3px;}
#select_form input.submit {
	position: relative;
	top: 4px;
	left: 5px;
}

* html #select_form input.submit {//left: 10px;//top: 3px;}
#select_form input.submit {//left: 4px; //top: 2px;}



/* @TOP MENU */


#top_menu ul li, 
#top_menu ul li a,
#top_menu ul li a span,
#top_menu ul li a span strong {
	display: block;
	height: 57px;
}
#top_menu ul li a span strong {height: 41px; padding-top: 16px;}


	#top_menu            {overflow: hidden; margin-top: -19px}
	#top_menu ul         {//padding-right: 1px; //overflow: hidden;}
	#top_menu ul li      {width: 33%; margin: 0; padding: 0; background-image: none; float: left; }
	#top_menu ul li.last {width: 34%; //margin-right: -1px;}

	#top_menu ul li a      {margin-right: 7px; background: transparent url('/images/top_menu-bg.gif') repeat-x 0 0;  }
	#top_menu ul li a span {background: transparent url('/images/top_menu-rcorner.gif') no-repeat 100% 0;  }

	#top_menu ul li.active a {background-image: url('/images/top_menu-bg-active.gif');  }
	#top_menu ul li.active a span {background-image: url('/images/top_menu-rcorner-active.gif');  }
	
	#top_menu ul li a span strong {background-repeat: no-repeat; padding-left: 72px !important; cursor: pointer;}



	#top_menu ul li a.last {margin-right: 0}
	
	/* points */
	#top_menu ul li#m1 a span strong {background-image: url('/images/top_menu-1.gif');}
	#top_menu ul li#m2 a span strong {background-image: url('/images/top_menu-2.gif');}
	#top_menu ul li#m3 a span strong {background-image: url('/images/top_menu-3.gif');}
	
	#top_menu ul li#m1.active a span strong {background-image: url('/images/top_menu-1-active.gif');}
	#top_menu ul li#m2.active a span strong {background-image: url('/images/top_menu-2-active.gif');}
	#top_menu ul li#m3.active a span strong {background-image: url('/images/top_menu-3-active.gif');}
	
	


* html #top_menu  {overflow: visible; zoom:1;}