body
{
    margin:  0;
    padding: 0;
    background: #333 url("../../upload/bg.gif");
    background-attachment: fixed;
    color: #000;
    text-align: center;
    font-family: tahoma, sans-serif;
    font-size: 9pt;
}

h1
{
    color: #333;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 20pt;
    text-align: center;
}

.header
{
    line-height: 60px;
    height: 60px;
}

.header .logo
{
    float: left;
    padding: 10px;
}

.header .menu
{
    text-align: center;
    white-space: nowrap;
}

.header .login
{
    float: right;
    white-space: nowrap;
    padding-right: 10px;
}

.container
{
    width: 860px;
    border-left:  1px solid #111;
    border-right: 1px solid #111;
    background: white;
    margin: 0 auto;
    text-align: left;
}

.content
{
    text-align: center;
}

.title
{
    clear: both;
    background-color: #fff9d8;
    border-top:    1px solid #ffe8cd;
    border-bottom: 1px solid #ffe8cd;
    padding: 1em 0;
}

.slogan h1
{
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 16pt;
}

.title .register_bar
{
    margin: 1.75em 0;
    background: #fd4;
    border: 1px solid #e93;
    padding: 10px;
    font-size: 8pt;
}

.title .register_bar h2
{
    margin: 0;
    padding: 0;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: bold;
}

.title .register_bar h2 a
{
    color: #900;
}

.title .register_bar h2 a:hover
{
    background: #900;
    color: #fff;
}

.column
{
    width: 390px;
    padding: 10px;
    margin: 0 auto;
    text-align: left;
    font-family: Georgia, serif;
    font-size: 12pt;
}

.column h1
{
    margin: .25em 0;
    padding: 0;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: bold;
    text-align: center;
}

.frame
{
    border: 1px solid #ccc;
}

.highlight
{
    background: #ffc;
}

.features
{
    margin-top: 1.5em;
    clear: both;
    background: #e3f1f6;
}

.features h2
{
    margin: 0 0;
    padding: 0;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
}

.title table tr, .features table tr
{
    text-align: center;
    vertical-align: top;
}

.copyright
{
    clear: both;
    border-top: 1px solid #eaead3;
    margin-top: 20px;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
    color: white;
    background: black;
    font-size: 8pt;
    font-family: tahoma, sans-serif;
}


.pricings
{
    clear: both;
    text-align: center;
}

.pricings .tableholder
{
    border-top:    7px solid #ccc;
    border-bottom: 7px solid #ccc;
}

.pricings table { font-family: tahoma, sans-serif; }

.pricings table td
{
    padding: 3px;
    background:    #fff;
    border-left:   1px solid #e3dfdf;
    border-right:  1px solid #e3dfdf;
    border-bottom: 1px solid #e3dfdf;
}

.pricings table thead .price { color: #f60;  }
.pricings table thead .order { padding: 5px; }

.pricings table .desc
{
    font-size: 70%;
    vertical-align: top;
}

.pricings table td.option
{
    font-size: 85%;
    text-align: left;
}

.pricings .main
{
    border-left:  1px solid #69c;
    border-right: 1px solid #69c;
}

.pricings table thead td
{
    padding: 0 10px;
    font-size: 90%;
    font-weight: bold;
    vertical-align: top;
    background: #fff url(../../../shared/fade.gif) repeat-x;
}

