body, a, div, h1, h2, h3, h4, ul, li, form
{
   margin: 0;
   padding: 0;
   border: 0;
}

body
{
   font-size: 75%;
   font-family: Arial, Helvetica, sans-serif;
   color: #000;
   background-color: #dae9f3;
}

select, input[type="text"], textarea, input[type="password"], select
{
   font-size: 10pt;
   width: 100px;
   padding: 1px;
}

.clear
{
    clear: both;
}

#small-container
{
    width: 298px;
}

#small-header
{
    font-weight: bold;
    color: #fff;
    background:	url(../images/small-cc-header.png) repeat-x center left;
    padding: 0.3em 0.7em;
}

#small-content
{
    background-color: #d9eaf4;
    padding: 0.5em 1em;
}

#small-title-container
{
    /*border-bottom: solid 1px #617c8f;*/
    padding-bottom: 3px;
    margin: 0.1em 0;
}

.currency-title
{
    /*background-color: #f2fafd;*/
}

#small-action-container
{
    text-align: center;
    margin: 0.5em 0;
}



.currency-container
{
    margin: 0.1em 0;
}

.selected-currency-container
{
    font-size: 1.2em;
    color: #5d666d;
    float: left;
    width:155px;
    overflow:hidden;
    white-space:nowrap;
}

.currency-dropdown-container
{
    float: right;
}

#currencyMenuFromCombo, #currencyMenuToCombo
{
	width: 272px;
}

.textbox-container
{
    margin: 0.2em 0;
}

.textbox-header
{
    float: left;
    background-color: #63899e;
    border: solid 1px #63899e;
    color: #fff;
    width: 30px;
    height: 18px;
    text-align: center;
    padding-top: 3px; /* Yep. But there's not vertical centering in css so there. */
}

.textbox-wrapper
{
    float: left;
    height: 18px;
    border: solid 1px #8bb0b9;
    border-left: 0;
    background-color: #fff;
    padding: 1px 0 2px 0;  /* Yep. But there's not vertical centering in css so there. */
    overflow: hidden;
}

.textbox-wrapper input
{
    border: 0;
    width: 180px;
    outline: none;
}
.textbox-wrapper input:focus, .textbox-wrapper input:hover, .textbox-wrapper input:active
{
    outline: none;
}

.textbox-wrapper-small
{
    float: left;
    height: 18px;
    border: solid 1px #8bb0b9;
    border-left: 0;
    background-color: #fff;
    padding-top: 3px; /* Yep. But there's not vertical centering in css so there. */
}

.textbox-wrapper-small input
{
    border: 0;
    width: 237px;
    outline: none;
}
.textbox-wrapper-small input:focus, .textbox-wrapper input:hover, .textbox-wrapper input:active
{
    outline: none;
}

#big-container
{
    width: 464px;
    background-color: #dae9f3;
}

#big-top-container
{
    padding: 0.5em 1em;
}

.big-currency-from-container
{
    float: left;
}
.big-currency-to-container
{
    float: right;
}

#detail-container
{
    background-color: #fff;
    padding: 0.1em 0.5em;
    margin: 1em 0;
}

#quote-container
{
    float: left;
}
#quote-container div
{
    margin: 0.8em 0;
}
#chart-container
{
    float: right;
}

#big-currency-matrix-container table
{
    width: 100%;
	border: 1px solid #b4c8d1;
    border-collapse: collapse;
}
#big-currency-matrix-container table th
{
	font-weight: normal;
	text-align: left;
	color: #595858;
}
#big-currency-matrix-container table th, #big-currency-matrix-container table td
{
    padding: 0.2em;
    background-color: #f4f8fa;
}

.title
{
    font-weight: bold;
}

.matrix-last-transaction-date
{
	font-size: 0.9em;
}

.last-rate-text
{
	font-weight: bold;
	font-size: 100%;
}

.matrix-link
{
	color: #000000;
	text-decoration: none;
}
.matrix-link:hover
{	
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}