/*
Reset CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000; min-height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}

select,input,button,textarea{font-size:99%;outline: none;}
table{font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}

body
{
    font: 12px verdana,arial,sans-serif;
    color: #555;

    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#8EB7DE), to(#CDE4FA));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #8EB7DE, #CDE4FA);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF8EB7DE, endColorstr=#FFCDE4FA);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF8EB7DE, endColorstr=#FFCDE4FA)";
    /* Others */
    background-color: #AECEEC;
}

a
{
    color: #2F7CA2;
    outline: none;
    text-decoration: none;
}

a:hover { color: #5A9DBE; }

#header
{
    width:960px;
    background-color: #FFF;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: center;
    padding: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 2px solid #777;
    overflow: hidden;
}

#header #home
{
    font-size: 36px;
}

#header #home_small
{
    float:left;
    padding-right: 1em;
}

#topnavbar {
    overflow: hidden;
}

#topnavbar ul {
    margin: 0;
    padding: 0;
}

#topnavbar li {
    width: 10em;
    text-align: center;
    list-style: none;
    float: left;
    background-color: #EEE;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #888 #555 #bbb;
    margin: 0;
}

#topnavbar a {
    text-decoration: none;
    display: block;
    padding: 2px 3px;
    color: #666;
}
#topnavbar a:hover {
    color: #666;
    background-color: #dddddd;
}

#container
{
    background-color: #FFF;
    width:960px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 2px solid #777;
    border-top: 0;
    overflow: hidden;
}

.centered {
    margin-left: auto;
    margin-right: auto;
}

.content td, .content th
{
    padding: 5px;
}

a.in_td
{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
}

a.in_td:hover
{
    text-decoration: underline;
}

.rowhighlight tr:hover, .rowhighlight tr:hover td { background-color: #F4F4F4; }

.content th
{
    font-weight: bold;
}

strong
{
    font-weight: bold;
}

em
{
    font-style: italic;
}

.flash_notice
{
    margin: 3px 0;
    padding: 7px;
    background-color: #cfc;
}

.flash_error
{
    margin: 3px 0;
    padding: 7px;
    background-color: #f33;
    color: #fff;
}

.error_list
{
    color: red;
}

.sells
{
    background-color: #FF9580;
}

.buys
{
    background-color: #AAFF80;
}

.product_book .buystable
{
    width: 100%;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#AAFF80), to(#D4FFBE));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #AAFF80, #D4FFBE);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AAFF80, endColorstr=#D4FFBE);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#AAFF80, endColorstr=#D4FFBE)";
    /* Others */
    background-color: #AAFF80;
    border: 1px solid #000;
    border-top: 0;
}

.product_book .sellstable
{
    width: 100%;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFC8BD), to(#FF9580));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #FFC8BD, #FF9580);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC8BD, endColorstr=#FF9580);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC8BD, endColorstr=#FF9580)";
    /* Others */
    background-color: #FF9580;
    border: 1px solid #000;
    border-bottom: 0;
}

.product_book .sellstable table
{
    background: url("/images/sells.png") no-repeat scroll 10px transparent;
}

.product_book .buystable table
{
    background: url("/images/buys.png") no-repeat scroll 10px transparent;
}

.product_book .sellstable #side2table
{
    background: url("/images/side2.png") no-repeat scroll 10px transparent;
}

.product_book .buystable #side1table
{
    background: url("/images/side1.png") no-repeat scroll 10px transparent;
}

.product_book .td1
{
    width: 1em;
}

.product_book .td2
{
    width: 4em;
}

.product_book .td3
{
    width: 2em;
}

.product_book .td_clickable:hover
{
    font-weight: bold;
    cursor: pointer;
}

thead
{
    background-color: white;
}

.last_trades tbody
{
    border: 1px solid black;
}

.last_trades .td1
{
    width: 10em;
}

.last_trades .td2
{
    width: 4em;
}

.new_bet_form .td1
{
    width: 3em;
}

.new_bet_form .td2
{
    width: 6em;
}

.new_bet_form .td3
{
    width: 5em;
}

.profile_feed .td1
{
    width: 8em;
}