* {padding: 0; margin: 0;}
body {background: #fff;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;color: #333333;}
p {margin-top: 1em;}
h1{font-size: 12pt; margin-bottom: 0px; padding-bottom: 7px;color:#970000;font-family:Arial;}
h2{font-size: 10pt; margin-bottom: 0px; padding-bottom: 7px;color:#4A659B;}
.table_main{left:0px;top:0px;}
.header {width: 910px;float:left;padding-bottom:15px;}
.footer{width: 730px;float:left;font:9px Verdana;text-align:center;margin-left:170px;padding-bottom:10px; margin-top:30px;}
.footer a{color:#0000ff}

.logo {width: 200px; float: left;}
.search {width: 600px;float:left;margin-left:40px; margin-top: 30px;}

.table_title{float:left;width:740px;text-align:center;margin-left:170px;}
.chart_title{text-align:center;padding-bottom:5px;}
.top_link{text-align:center;}
.container{width: 910px;float:left;padding-bottom:10px;}
.right {width: 730px;float: right; padding-left:10px; text-align: center;font: 12px Verdana;}
.left {width: 163px;float: left;border-right: 1px solid #bbb;font-size: 10px;padding-right:5px;}
.left h2 {font: bold 10px Verdana;color: #0000c0;}
.text_container{width:729px;background-color:#eeeeee;overflow:hidden;}
.table_text{width: 680px;text-align:left;float:left;padding-left:10px;padding-bottom:20px;line-height: 1.5;}
.middle_adspace{width:729px; margin-bottom:30px;}
.table_ads{float:right;width:729px;padding-left:10px;text-align: center;margin-top:22px;margin-bottom:27px;}
.ctrl_bottom{ float:right;width:729px;padding-left:10px;text-align: center;}

.converter{width:728px;float:left;border:1px solid green;margin-top:10px;margin-bottom:35px;padding-top:10px;padding-bottom:20px;}
.converter b{font-weight:bold;color:#4A659B;font-size: 13px; text-decoration:underline;}
.con_top{width:726px;float:left;color:#970000;font-family:Arial;font-weight:bold;margin-bottom:20px;}
.con_mid{width:726px;float:left;margin-bottom:5px;}
.con_bot{width:726px;float:left;margin-top:20px;}
.con_cont{margin-top:20px;}
.con_1{width:270px;float:left;height:30px;vertical-align:middle;padding-top:5px;font-size:12px;font-family: verdana;}
.con_2{width:170px;float:left;font-size: 12px;font-weight:bold;font-family: arial;vertical-align:middle;}
.con_3{width:270px;float:right;font-size:12px;font-family: verdana;}

.result{font-size: 25px;color:#000000;margin-top:7px;}
/*#btnConvert{width:130px;height:40px;font-weight:bold;font-family: arial;color:white;background-color:#970000;border:solid 1px;font-size:17px;vertical-align: middle;}*/
#btnConvert{background: url(/images/imgButton_con.png); cursor: pointer; width: 130px; height: 40px;  font-size:0; line-height: 999px; border: none; vertical-align: middle; overflow: hidden;}
#txtValue{height:30px; width:170px;border:1px solid green; font-size:17px;font-weight:bold; padding-top:4px; padding-left:4px; vertical-align: top;}
#lblInfo{font-size:12px;font-family: verdana;}
#lstSensitivity{width:45px;border:1px solid green;font-size:12px;}
.precision {float:right;}
.qmark{float:right; margin-left:10px;margin-right:50px;}
.info{float:left; margin-left:30px; margin-bottom:10px; font-size:10px;}
#lblResult{font-size:14px;}
#lstBoxLengthFrom{border:1px solid green;}
#lstBoxLengthTo{border:1px solid green;}

.menu {width: 908px;height: 10px;}
.menu ul{margin: 0;padding: 0;float: right;font: bold 10px Verdana;width: 100%;background-color: #eeeeee;}
.menu ul li{display: inline;}
.menu ul li a{float: right;color: blue;padding: 2px 12px;text-decoration: none;border-right: solid 1px white;}
.menu ul li a:visited{color: blue;}
.menu ul li a:hover{color: blue;background-color: #B2C5D0;}

.sidemenu{margin: 0px; padding: 0px;font-size: 0;}
.sidemenu li{padding-left: 20px;background-image: url(images/plus.gif);background-repeat: no-repeat;list-style-type:none; background-color:#eeeeee;line-height:11px;border: 1px solid #ffffff; padding-top:1px;}
.sidemenu li a{font: 9px Verdana;color: #0000C0;text-decoration: none;}
.sidemenu li:hover	{ background-color: #B2C5D0; text-decoration: none;}
.sidemenu li a:hover { text-decoration: none;}

.right_column{float:right;width:165px;}
.wrapper{float:left;width:1080px;}

.sub_menupages li{background-image: url(images/arrow.jpg);background-repeat: no-repeat;list-style-type:none; padding-left: 20px;margin-bottom:15px; float:left;}
.sub_menupages li b{font-weight:bold;color:#4A659B;}

.links{width: 700px;vertical-align:middle;font-size:12px;margin-bottom:20px;}
.links a{FONT: bold 10pt Arial; color:#970000;vertical-align:middle;}
.links IMG{vertical-align:middle;padding-right:10px;width:40px;height:35px;}

.alltables_top{font-size:10pt;font-family:Arial;font-weight:bold;color:#4A659B;}
.col_left,.col_midd,.col_right{width:241px;}
.alltables{border-collapse:collapse; margin-top:25px;}
.alltables td,th, caption{border:1px solid green;padding:5px;font-family:Verdana;text-align:center;vertical-align:middle;}
.alltables th{background-color:#eeeeee;font-size:11px;}
.alltables td{line-height:15px;font-size:10px;}
.alltables a{text-decoration:none;font-size:11px;color:#4A659B;text-transform: lowercase;}
.alltables a:hover	{ background-color: #FFEA88; text-decoration: none;}

ul.like-buttons{float: left;list-style: none;margin: 5px 0 10px 0;padding: 0;width: 100%;}
ul.like-buttons li{display: block;float: left;margin-right: 3px;}
li.twitter-like{margin-top: 2px;}

.hp_title{float:left;width:740px;text-align:center;margin-left: 90px;}
.hp_container{width: 908px;float:left;padding-bottom:10px;background: #fafafa; margin-left:2px;font: 12px Verdana;}
.hp_text{width:822px;background-color:#eeeeee;overflow:hidden;margin-bottom:10px; margin-left:40px;margin-top:15px;}
.hp_intext {width:750px;margin-left:40px; margin-top:20px; margin-bottom:10px;line-height: 1.5;}

.conv_list{width: 850px;float: left; margin-top:10px; margin-left:40px;}
.conv_row{width: 850px;float: left;margin-bottom:10px;}
.conv_item{width: 199px; height:150px; float: left; margin-right:10px; background: #ffffff;}
.conv_itemlast{width: 199px; height:150px; float: left; margin-bottom:10px; background: #ffffff;}
.conv_item_top{width: 198px; height:50px;border-bottom: 1px dotted #bbb;vertical-align:bottom; text-align:left;  line-height:50px;}
.conv_item_top a { color:#970000; font-weight:bold;}
.conv_img{width: 70px;float: left;margin-right:5px;text-align:center;height: 50px; line-height:50px;}
.conv_lnk{width: 100px;float: left; text-align:center;}
.conv_item_bot{width: 198px;float: left;text-align:left;font-size: 11px; padding-left:5px; padding-top:10px; padding-bottom:5px; padding-right:5px;}
.conv_ad{text-align:center;}
.conv_large_ad{width: 820px;text-align:center; margin-bottom:15px;}

#from_value{border:1px solid green; height:180px; width:220px; font-family:Arial; padding-left: 2px;padding-top: 2px;padding-bottom: 2px;}
#to_value{border:1px solid green;height:180px; width:220px; font-family:Arial;padding-left: 2px;padding-top: 2px;padding-bottom: 2px;}
.middle_info{width:168px;font-size:13px;  font-family:arial; margin-top:30px;}
#span_converting{width:167px; display:inline-block; margin-bottom:10px;}
#span_value{width:167px; color:#970000; display:inline-block;margin-bottom:10px;font-size:14px; font-family:Verdana;}
#span_from{width:167px;display:inline-block;margin-bottom:10px;}
#span_from_value{width:167px; color:#970000;display:inline-block;margin-bottom:10px;font-family:Verdana;}
#span_to{width:167px;display:inline-block;margin-bottom:10px;}
#span_to_value{width:167px; color:#970000;display:inline-block;font-family:Verdana;}
#con_result{width:720px;float:left;margin-top:7px;font-weight:bold;font-family: arial;font-size: 13px;}
.result_js{font-weight:bold;font-size: 21px; font-family: arial; height:40px;vertical-align:middle; margin-top:25px; margin-bottom:15px; display: inline-block;}
.result_js_small{font-weight:bold;font-size: 19px; font-family: arial; height:40px;vertical-align:middle; margin-top:25px; margin-bottom:15px; display: inline-block;}
.result_js_large{font-weight:bold;font-size: 24px; font-family: arial; height:40px;vertical-align:middle; margin-top:25px; margin-bottom:15px; display: inline-block;}
.custom_conv{padding-left: 2px;padding-top: 3px;}

.bookmark {height:20px; width:160px; margin:5px 0 5px 0; vertical-align:middle;  text-align:left; padding-top:4px; padding-bottom:4px;}
.plus {height:35px; width:160px; margin:5px 0 5px 0; vertical-align:middle; text-align:center;border:1px dashed green; padding-top:7px;}
.info_text { background-color:#FFFFFF; width : 830px;float: left;  padding-left:15px;  padding-right:10px; margin-left:10px; margin-top:10px;  margin-bottom:15px; color: #555;  font-size:14px; font-family: Helvetica,Arial,Sans-serif; line-height: 1.5;}
.conv_text{width:728px;float:left;margin-top:10px;margin-bottom:20px;padding-top:10px;padding-bottom:10px; padding-left:10px; padding-right:10px; text-align:left; line-height: 1.5;}
.info_title {font-size:14px; width:830px; text-align:center; color:#970000; font-weight:bold;margin-top:15px;}
.info_subtitle{font-size:13px;font-weight:bold; margin-top:10px; margin-bottom:10px;}
.con_table{border-collapse:collapse;}
.con_table td,th{border:1px solid green;padding:5px;font-family:Verdana;text-align:center;vertical-align:middle;}
.con_table th{background-color:#eeeeee;font-size:11px;}
.con_table td{line-height:8px;font-size:10px;}
.col_x,.col_y {width:100px;}
.col_z{width:260px;}



/*---------- bubble tooltip -----------*/
a.tip{
    position:relative;
    z-index:24;
    color:#3CA3FF;
    text-decoration:none;
}
a.tip span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tip:hover{ z-index:25; color: #aaaaff; background:FFFFFF;}
a.tip:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
	font-size:8px;
	font-weight:bold;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tip:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tip:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tip:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}
.chartList{ float:left; text-align:left;  line-height:14pt; }
.chartList a {color:#4A659B; text-transform:lowercase;}