html{}
body{width:100%;min-width:150px;max-width:350px;min-height:120px;margin:0 auto;font-size:12px;display:block; font-family: Verdana, Geneva, Arial, sans-serif;background:trasparent;}

.white,.white .round{background-color:#fff;border:1px solid #aaa;}
.grey{background-color:#e1e1e1;}
.yellow{background-color:#eae6dc;}
.pink{background-color:#f7e4e4;}
.blue{background-color:#dce6ea;}
.marine{background-color:#dceae1;}
.green{background-color:#dde9cb;}
.violet{background-color:#e1dcea;}

.round{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.top{height:23px;overflow:hidden;padding:0 5px;}
.left{width:57%;float:left; white-space:nowrap;overflow:hidden;}
.left > div{white-space:nowrap;float:left;}
.right{width:43%;float:right;overflow:hidden;}
.right > div{white-space:nowrap;float:right;}

.header{font-family: 'Trebuchet MS', Helvetica, sans-serif;font-size:14px; font-weight:bold;
	text-shadow: 0 1px #fff; color: #444;line-height:23px;}
.header a{text-decoration:none;color:#444;}
.header a:hover{text-decoration:underline;}


.date{font-size:10px;color:#666;line-height:25px;}

.footer{height:20px;}
.footer .logo{float:left;margin:4px 0 0 7px}
.footer .link{float:right;margin:3px 7px 0px 0;}
.footer .link a{font-size:10px; color:#333;text-decoration:underlined;}
.footer .switch{margin:3px 8px;}

.body{background:#fff;margin:0 3px;padding:3px 2% 3px 3%;}
.body > .data{width:100%}
.body > .data th{font-size:8px; color:#999;text-transform:uppercase; height:10px;text-align:right;
		 text-shadow: 1px 0px #eee;padding-right:2%;vertical-align:middle}

.body > .data td{font-size:11px; color:#333;text-align:right;padding:0;
		 height:19px; overflow:hidden; position:relative;vertical-align:middle;
		}
.body > .data td div{padding-right:14%;display:inline-block;
		     *height:16px;
		     *position:relative;
		     *vertical-align:bottom;
		     *padding-top:3px;*padding-bottom:0;
}
.body > .data td div.up,.body > .data td div.down{
    background:url('/gen/i/up.png') right 4px no-repeat;}
.body > .data td div.down{background:url('/gen/i/down.png') right 4px no-repeat;}

.body > .data td.f{
    font-weight:bold;padding-right:0px;text-shadow: 0 1px #ddd;width:20%;
    height:19px;overflow:hidden;position:relative;
}
.body > .data td.f > div{height:19px;line-height:19px; overflow:hidden;margin:0;padding:0;}
.body > .data td.f i, .body > .data td.f b{
    float:right;display:block;height:16px;line-height:16px;}
.body > .data td.f b{line-height:19px;height:19px;width:30px;padding-right:2px;}
.body > .data td.f i, .body .row .f i{
    width:16px;height:11px;background:url('/gen/i/flag_sprite.png') no-repeat;
    position:relative;top:4px;}
.body > .data td.f i.usd, .body .row .f i.usd{background-position:0 0;}
.body > .data td.f i.eur, .body .row .f i.eur{background-position:0 -11px;}
.body > .data td.f i.rub, .body .row .f i.rub{background-position:0 -22px;}
.body > .data td.f i.uah, .body .row .f i.uah{background-position:0 -33px;}
.body > .data td.f i.chf, .body .row .f i.chf{background-position:0 -44px;}
.body > .data td.f i.gbp, .body .row .f i.gbp{background-position:0 -55px;}
.body > .data td.f i.sek, .body .row .f i.sek{background-position:0 -66px;}
.body > .data td.f i.pln, .body .row .f i.pln{background-position:0 -77px;}
.body > .data td.f i.nok, .body .row .f i.nok{background-position:0 -88px;}
.body > .data td.f i.jpy, .body .row .f i.jpy{background-position:0 -99px;}
.body > .data td.f i.dkk, .body .row .f i.dkk{background-position:0 -110px;}
.body > .data td.f i.cny, .body .row .f i.cny{background-position:0 -121px;}
.body > .data td.f i.cad, .body .row .f i.cad{background-position:0 -132px;}
.body > .data td.f i.aud, .body .row .f i.aud{background-position:0 -143px;}
.body > .data td.f i.byr, .body .row .f i.byr{background-position:0 -154px;}
.body > .data td.f i.huf, .body .row .f i.huf{background-position:0 -165px;}
.body > .data td.f i.czk, .body .row .f i.czk{background-position:0 -176px;}
.body > .data td.f i.lvl, .body .row .f i.lvl{background-position:0 -187px;}

.body a{text-decoration:none;color:#333}
.body a:hover{text-decoration:underline;}

.body input[type=text]{border:1px solid #acacac;width:90px;max-width:90px;height:20px;
		       overflow:hidden;padding:0 5px; text-align:right;margin:0 5px;
                       font-size:14px;line-height:20px;display:inline-block;vertical-align:top;}

/* Switch */
.switch{width:52px;height:15px;background:url('/gen/i/switch.png') no-repeat; 
        font-size:9px;line-height:15px;border:0;}
.switch > span{padding-left:8px;}

/* course-city */
.course-city{}
.course-city .left{width:100%;margin-right:-80px}
.course-city .right{min-width:70px;margin-left:-80px}

/* small */
body.small{min-width:100px;max-width:100px;min-height:40px;}
.small > div{width:100px;min-width:100px;max-width:100px;}
.small .top{height:18px}
.small .top .header{font-size:11px;line-height:18px;width:60%}
.small .top .date{font-size:9px;line-height:18px;width:40%}
.small .footer{height:4px;}
.small .body{padding:2px}
.small .body > .data td div{padding-right:9px;display:inline-block;margin-right:0px;
                            font-size:11px}
.small .body > .data td.f{width:90%;text-align:left;}
.small .body > .data td{height:15px;}
.small .body > .data td.f > div{height:15px;line-height:15px;padding-right:0;margin-right:0}
.small .body > .data td.f b{line-height:15px;height:15px;float:none;padding-left:5px;}
.small .body > .data td.f i{top:2px;}

/* Course Banks */
.course-banks{width:300px;min-width:300px}
.course-banks .left{width:78%;}
.course-banks .right{width:22%;}
.course-banks .body{padding:3px 6px;}
.course-banks .body > .data td.f{width:160px;min-width:150px;max-width:170px;
				 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
				 font-weight:normal;text-align:left;vertical-align:top;
                                 padding-left:0px;
				 }
.course-banks .body > .data td{vertical-align:top;}

/* calc */
.calc{width:200px;max-width:200px}
.calc .body{padding:3px 4px;position:relative;}
.calc .header{padding-left:5px;}
.calc .date{height:10px;line-height:10px;margin-bottom:4px;}
.calc .body .nbu{position:absolute; top:3px;right:12px;font-size:10px;/* border-bottom:1px dotted #333;cursor:pointer; */}
.calc .row{height:22px;line-height:22px;margin:2px;overflow:hidden;}
.calc .row .f{display:inline-block;}
.calc .row .f i{display:inline-block;top:5px;vertical-align:top;}
.calc input[type=text]{border:1px solid #acacac;width:90px;max-width:90px;height:20px;
		       overflow:hidden;
                       padding:0 5px; text-align:right;margin:0 5px;                
                       font-size:14px;line-height:20px;display:inline-block;vertical-align:top;}
.calc span.switch{vertical-align:top;padding-bottom:2px; margin-top:3px;}
.calc select.switch{top:1px}

/* converter */
.converter{width:240px;max-width:240px}
.converter .body{padding:0px;}
.converter .top .header{width:40%}
.converter .top .date{width:60%}
.converter .row {border-bottom:1px solid #ebebeb;height:24px;padding:5px 0 3px;;}
.converter .row > *{display:block;float:left;}
.converter .row > input{width:90px;max-width:90px;}
.converter .row > .switch{top:3px}
.converter .row > .arrow{background:url('/gen/i/converter.png') center center no-repeat;width:16px;height:20px;}
.converter .body .data{margin:2px 8px 4px;width:220px;max-width:220px;}
.converter .body .data .f{text-align:left;padding:0;font-weight:normal;padding-right:3px}
.converter .body .data .s{text-align:right;font-weight:bold;font-size:12px;max-width:105px;
			  white-space:nowrap;}
.converter .body .data .t{text-align:left;padding-left:6px;width:30px;min-width:20px }
.converter .body .data td{padding-bottom:3px!important;vertical-align:bottom;height:16px}

/* white modifiers */
.white .top{height:22px;max-height:22px;}
.white .body{padding-top:2px;padding-bottom:2px;border:0}

.course-banks.white{width:298px;min-width:298px}
.course-banks.white .body{padding:1px 6px;}

.calc.white{width:198px;max-width:198px}
.calc.white .body{padding:2px}

.converter.white{width:238px;max-width:238px}
.converter.white .row > input{width:86px;max-width:86px;}
.converter.white .body{padding:0px}
.converter.white .body .data{width:216px;max-width:216px;margin:1px 6px 2px;}

body.small .white{min-width:98px;max-width:98px;min-height:40px;}
.small > div.white{width:98px;min-width:98px;max-width:98px;}
.small .white .body{padding:0px!important;border:0}
.small .white .top{height:18px!important;padding:1px 4px}
.small .white .top .header{font-size:11px;line-height:18px;width:60%}
.small .white .body > .data td div{padding-right:8px;display:inline-block;margin-right:0px;}
.small .white .body > .data td.f div{padding-right:0;}
.small .white .body > .data td.f b{padding-right:1px;float:left;}
.small .white .footer{height:2px;}
.small .white .footer{display:none;}