body {
   padding: 0;
   margin: 0;
   font: 12px/16px arial,helvetica,sans-serif;                                                                                                   
   color: #222;
   background: #FFF;
   height: 101.1%;
}

a {
   color:#1257ac;
   text-decoration:none;
}

a:link{
   color:#1257ac;
   text-decoration:none;
}

a:visited{
   color:#1257ac;
}

a:hover{
   color:#FFF;
   background:#1257ac;
}

a:hover img{
   color:#FFF;
   background:#FFF;
}

ul {
   padding: 0px;
   list-style:none;
}

img {
   border: 0px;
}

h1 {
   font: bold 2.5em helvetica, sans-serif;
}

#wrap {
   width: 900px;
   margin: 0 auto;
   padding: 0;
}

header {
   width: 100%;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   height: 60px;
   margin-bottom: 10px;
   float: right;
   color: #FFF;
   background: #45618d;
}

header .logo {
   margin: 0 0 10px 15px;
}

header .logo h1 {
   background: #45618d url(/images/xurrency.png) no-repeat 0 0;
   display:block;
   text-indent: -9999px;
   height: 26px;
   width: 130px;
}

header .logo h1 a {
   display: block;
   width: 100%;
   height: 100%;
   outline: none;
}

header .logo h1 a:hover{
   background:transparent;
}

header .tagline h2 {
   margin: -29px 0 0 15px;
   font-size: 10px;
}

/**
 * Currency table
 */
.currencies_table {
   border-style: solid;
   border-width: 1px 1px 1px 1px;
   border-color: #CCC;
   margin: 0 auto;
   margin-top: 15px;
}

.currencies_table td{
   border-bottom: 1px dashed #ccc;
   font-size: 12px;
   font-weight: normal;
   color: #000;
   text-align: center;
}

.currencies_table td.camb{
   background: #eee;
}


/**
 * Navigation
 */
#bar-nav {
  color: #333;
  padding: 3px;
  margin-bottom: 25px;
  margin-left: 0;
  padding-left: 0;
  display: inline;
  border: none;
}

#bar-nav a:link,
#bar-nav a:visited {
  color: #fff;
  font: bold 1.1em helvetica, sans-serif;
  padding: 4px;
  margin-bottom: 25px;
  background: #9ebf3b;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#bar-nav a:link.active,
#bar-nav a:visited.active {
  background: #d03c3a;
}

#bar-nav li {
  margin-left: 0;
  padding-left: 2px;
  border: none;
  list-style: none;
  display: inline;
}

#main {
   width: 100%;
   padding-top: 0px;
}

#content {
   width: 61.6%;
   float: left;
}

aside {
   width: 38%;
   float: right;
   padding-top: 25px;
}

.box {
   width: 90%;
   background: #ededed;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
    margin: 20px 0 20px 0;
   padding: 5px 5px 5px 15px;
}

hr {
   clear:both;
   display: block;
   border: 0;
   height: 0px;
   margin: 15px 35px;
}

/* Query */

#query {
   padding: 10px 0 20px 0;
}

#query form div {
   margin: 0 auto;
   text-align: center;
}

#result {
   display: none;
}

form input[type=text], form input[type=password]  {
   border: 1px solid #bbb;
   width: 30%;
   padding: 4px;
   font-weight: bold;
   color: #D03C3A;
   font: bold 16px "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
   padding: 1.8px;
   text-align: center;
}

form select {
   font: bold 14px "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
   color: #555;
   padding: 2px;
   text-align: center;
}

form input[type=text]:focus, form input[type=password]:focus, form textarea:focus {
   background-color: #FFFFDA;
   border: 1px solid #AAA;
}

textarea {
    border: 1px solid #bbb;
    font-size: 120%;
    width: 100%;
    padding: 3px;
    font-weight: bold;
    color: #E97123;
}  

input[type=text].box-error {
    border: 1px solid #b91818;  
}

/**
 * Footer
 */
#footer {
   width: auto;
}

#footer div {
   background: #f0f0f0;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   margin: 75px 0 10px 0;
   padding: 20px 20px 20px 20px;
}

.button, .button:visited {
   background: #222;
   display: inline-block;
   padding: 5px 10px 6px;
   color: #fff;
   text-decoration: none;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
   text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
   border-bottom: 1px solid rgba(0,0,0,0.25);
   position: relative;
   cursor: pointer
}

.small.button, .small.button:visited {
   font-size: 10px;
   padding: 3px 14px 3px;
   color: #fff;
}
.button, .button:visited,
.medium.button, .medium.button:visited {
   font-size: 13px;
   font-weight: bold;
   line-height: 1;
   color: #fff;
}

.large.button, .large.button:visited {
   font-size: 14px;
   padding: 8px 14px 9px;
   color: #fff;
}

.super.button, .super.button:visited {
   font-size: 28px;
   padding: 8px 14px 9px;
   color: #fff;
}

.pink.button, .pink.button:visited {
   background-color: #D03C3A;
}

.pink.button:hover {
   background-color: #d45500;
}

.blue.button, .blue.button:visited {
   background-color: #45618d;
   color: #fff;
   -moz-box-shadow: 0;
   -webkit-box-shadow: 0;
   text-shadow: 0;
   cursor: auto;
}

/**
 * Breadcrumbs
 */
#bread {
  color: #ccc;
  padding: 3px;
  margin-bottom: 15px;
}

#bread ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
  border: none;
} 

#bread ul li {
  margin-left: 0;
  padding-left: 2px;
  border: none;
  list-style: none;
  display: inline;
}

#bread ul li:before {
  content: "\0020 \0020 \0020 \00BB \0020";
  color: #ccc;
}
        
#bread ul li.first:before {
  content: " ";
}

/**
 * Boxes
 */
div.error, div.info, div.success {
   width: auto;
   background: #ededed;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   margin: 20px 0 20px 0;
   padding: 10px 10px 10px 14px;
}

div.error {
    background: #FFBABA; 
}

div.success {
    background: #d7fb98; 
}

div.info {
    background: #fbfabe; 
}

.ico {
   background: url(/images/flags.png) no-repeat top left;
width: 24px; height: 24px;
}

.all { background-position: 0 0; width: 24px; height: 24px; } 
.ars { background-position: 0 -28px; width: 24px; height: 24px; } 
.aud { background-position: 0 -56px; width: 24px; height: 24px; } 
.bgn { background-position: 0 -84px; width: 24px; height: 24px; } 
.brl { background-position: 0 -112px; width: 24px; height: 24px; } 
.cad { background-position: 0 -140px; width: 24px; height: 24px; } 
.chf { background-position: 0 -168px; width: 24px; height: 24px; } 
.clp { background-position: 0 -196px; width: 24px; height: 24px; } 
.cny { background-position: 0 -224px; width: 24px; height: 24px; } 
.cop { background-position: 0 -252px; width: 24px; height: 24px; } 
.czk { background-position: 0 -280px; width: 24px; height: 24px; } 
.dkk { background-position: 0 -308px; width: 24px; height: 24px; } 
.eek { background-position: 0 -336px; width: 24px; height: 24px; } 
.eur { background-position: 0 -364px; width: 24px; height: 24px; } 
.gbp { background-position: 0 -392px; width: 24px; height: 24px; }
.hkd { background-position: 0 -448px; width: 24px; height: 24px; } 
.hnl { background-position: 0 -476px; width: 24px; height: 24px; } 
.hrk { background-position: 0 -504px; width: 24px; height: 24px; } 
.huf { background-position: 0 -532px; width: 24px; height: 24px; } 
.inr { background-position: 0 -560px; width: 24px; height: 24px; } 
.isk { background-position: 0 -588px; width: 24px; height: 24px; } 
.jmd { background-position: 0 -616px; width: 24px; height: 24px; } 
.jpy { background-position: 0 -644px; width: 24px; height: 24px; } 
.krw { background-position: 0 -672px; width: 24px; height: 24px; } 
.lkr { background-position: 0 -700px; width: 24px; height: 24px; } 
.ltl { background-position: 0 -728px; width: 24px; height: 24px; } 
.lvl { background-position: 0 -756px; width: 24px; height: 24px; } 
.mad { background-position: 0 -784px; width: 24px; height: 24px; } 
.mxn { background-position: 0 -812px; width: 24px; height: 24px; } 
.myr { background-position: 0 -840px; width: 24px; height: 24px; } 
.nok { background-position: 0 -868px; width: 24px; height: 24px; } 
.nzd { background-position: 0 -896px; width: 24px; height: 24px; } 
.php { background-position: 0 -924px; width: 24px; height: 24px; } 
.pln { background-position: 0 -952px; width: 24px; height: 24px; } 
.pyg { background-position: 0 -980px; width: 24px; height: 24px; } 
.qar { background-position: 0 -1008px; width: 24px; height: 24px; } 
.ron { background-position: 0 -1036px; width: 24px; height: 24px; } 
.rub { background-position: 0 -1064px; width: 24px; height: 24px; } 
.sar { background-position: 0 -1092px; width: 24px; height: 24px; } 
.sek { background-position: 0 -1120px; width: 24px; height: 24px; } 
.sgd { background-position: 0 -1148px; width: 24px; height: 24px; } 
.skk { background-position: 0 -1176px; width: 24px; height: 24px; } 
.svc { background-position: 0 -1204px; width: 24px; height: 24px; } 
.thb { background-position: 0 -1232px; width: 24px; height: 24px; } 
.tnd { background-position: 0 -1260px; width: 24px; height: 24px; } 
.try { background-position: 0 -1288px; width: 24px; height: 24px; } 
.twd { background-position: 0 -1316px; width: 24px; height: 24px; } 
.usd { background-position: 0 -1344px; width: 24px; height: 24px; } 
.veb { background-position: 0 -1372px; width: 24px; height: 24px; } 
.zar { background-position: 0 -1400px; width: 24px; height: 24px; }