html,body
{
width:320px;
margin:0;
padding:0;
font: 11px Helvetica, Arial, sans-serif;
}
h1, h2, h3
{
font-family: 11px Helvetica, Arial, sans-serif;
}
h2
{
border-bottom: solid 1px #FFF;
font-size:23px;
padding-bottom:5px;
}
h3
{
font-size:15px;
}
a:link
{
color:#0000000;
text-decoration:none;
}
a:visited
{
color:#000;
text-decoration:none;
}
a:hover
{
color:#777;
}
a:active
{
color:#000;
}
img
{
border: solid 1px #000;
padding:1px;
margin-left:4px;
}
table img
{
border:none;
padding:1px;
max-width:40px;
}
table td
{
vertical-align:top;
}
#currencies
{
border-collapse:collapse;
}
#currencies img
{
border:none;
padding:0;
}
#currencies td
{
vertical-align:middle;
}
#currencies tr
{
}
#currencies tr.colored
{
background:#C5D9F1;
}
#logo
{
padding:0;
margin:0;
width:320px;
height:80px;
float:left;
background: url(../images/logo_03.png) 70px 10px no-repeat #FDFDFD;
border-bottom:2px solid #000;
margin-bottom:10px;
}
#header
{
}
#credits
{
padding:0;
margin:0;
float:left;
background: url(../images/background.png) no-repeat #FDFDFD;
}

#banner
{
padding:5px;
background: url(../images/banner.jpg) 0 80px no-repeat;
color:#DDD;
}
#content
{
background:url(../images/icurrency_logo.png) 280px 90px no-repeat #DCEBF4;
}
.main-content
{
padding:8px;
}
.main-content img
{
float:right;
}
#rates
{
background:url(../images/rates_line2.png) 4px 265px no-repeat;
}
#details
{
background:url(../images/chart.png) 0px 300px no-repeat;
}
#new-pair
{
background:url(../images/new_pair.png) 0px 330px no-repeat;

}
img.no-float
{
float:none;
border:none;
margin:0;
padding:0;
}
#helper-one
{
background:url(../images/help1.png) 0 0 no-repeat;
width:301px;
height:320px;
}
#helper-one p
{
position:absolute;
font-weight:bold;
font-size:10px;
}
#pos-edit
{
margin-left:175px;
margin-top:22px;
width:113px;
}
#pos-calc
{
margin-left:175px;
margin-top:111px;
width:113px;
}
#pos-update
{
margin-left:175px;
margin-top:211px;
width:113px;
}
#pos-delete
{
margin-left:16px;
margin-top:257px;
width:100px;
}
#helper-two
{
background:url(../images/help2.png) 0 0 no-repeat;
width:301px;
height:320px;
}
#helper-two p
{
position:absolute;
font-weight:bold;
font-size:10px;
}
#pos-swap
{
margin-left:20px;
margin-top:241px;
width:113px;
}
#pos-add
{
margin-left:175px;
margin-top:17px;
width:113px;
}
#pos-update-rates
{
margin-left:175px;
margin-top:138px;
width:113px;
}

a.menu-item
{
font-size:13px;
font-weight:bold;
background:url(../images/shiny_button_8.png) 0 0px no-repeat;
display:block;
height:25px;
width:300px;
padding-top:5px;
text-indent:30px;
margin-bottom:8px;
}
a.menu-item:hover
{
background:url(../images/shiny_button_8.png) 0 -30px no-repeat;
color:#333;
}

a.menu-item:active
{
background:url(../images/shiny_button_8.png) 0 -30px no-repeat;
color:#333;
}

a.back
{
display:block;
font-weight:bold;
background:url(../images/back_shiny.png) 0 0px no-repeat;
height:21px;
padding-top:3px;
text-indent:8px;
width:50px;
margin-top:5px;
font-size:13px;
}
a.back:hover
{
background:url(../images/back_shiny.png) 0 -24px no-repeat;
color:#333;
}
a.back:active
{
background:url(../images/back_shiny.png) 0 -24px no-repeat;
color:#333;
}

a.world
{
display:block;
font-weight:bold;
background:url(../images/back_shiny_large.png) 0 0px no-repeat;
height:21px;
padding-top:3px;
text-indent:8px;
width:250px;
margin-top:5px;
font-size:13px;
}
a.world:hover
{
background:url(../images/back_shiny_large.png) 0 -24px no-repeat;
color:#333;
}
a.world:active
{
background:url(../images/back_shiny_large.png) 0 -24px no-repeat;
color:#333;
}


#footer
{
width:100%;
height:45px;
background:#245482;
}