/***********************/

.tariff-all
{
 float: left;
 width: 60%;
}
.tariff-pair
{
 float: left;
 width: 100%;
}
.tariff-list
{
 float: left;
 clear: none;
 width: 45%;
 margin: 10px;
}
.tariff-left
{
 margin-right: 5px;
}
.tariff-right
{
 margin-left: 5px;
}


/***********************/

h4
{
 font-family: Arial, sans-serif;
 margin: 0px;
 padding: 0px;
}
p
{
 margin-top: 8px;
 margin-bottom: 8px;
}

table
{
 width: 100%;
}

.tariffs,
caption
{
 border: 1px solid gold;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
.tariffs
{
 border-collapse: collapse;
 border-top: none;
}

.tariffs caption
{
 text-align: left;
 font-family: Arial, sans-serif;
 font-weight: bold;
 padding: 6px;
 padding-bottom: 5px;
 background-color: #0000cc;
}
.tariffs td
{
 padding: 6px;
 padding-top: 3px;
 padding-bottom: 3px;
 font-size: smaller;
}
td.period
{
 padding-right: 30px;
 text-align: left;
}
tr.r0 {background-color: #0099ff;}
tr.r1 {background-color: #0066ff;}

a.period
{
 text-decoration: none;
}
a.period:hover
{
 text-decoration: underline;
}
td.tariff
{
 font-weight: bold;
 text-align: right;
}

.info
{
 width: 34%;
 background-color: #3399ff;
 color: white;
 border: 1px solid gold;
 border: 1px solid #d7e9fb;
 padding: 15px;
 text-aling: right;
 float: right;
 clear: right;
 margin-bottom: 9px;
 margin-right: 2%;
}

.small
{
 font-size: x-small;
}