/*  Vanilla  */

html,body
{
    height:100%;
    width:100%;
    background:#fff url("/styles/images/body_bg.png") repeat;
}

#wrapper
{
    border:1px solid #dbdbdb;
    background-color:#f5f5f5;
    background-image:url("/styles/images/hbg.png");
    min-height:100%;
    margin:0 auto;
    float:none;
}

#header
{
    background-color:#707070;
    /*height:211px;*/
}

#content
{
    background-color:#f5f5f5;
    background-image:url("/styles/images/hbg.png");
    min-height:100%;
}

#footer
{
    background-color:#707070;
    height:40px;
    margin:0 auto;
    float:none;
    border:solid 1px #dbdbdb;
    border-top-width: 0px;
}

#footer .advice
{
    background: #94CF67 url("/styles/images/idea.png") left center no-repeat;
    padding-top:12px;
    padding-left:40px;
}

#footer .advice p
{
    height:30px;
    margin: 0;
}

/*  Vanilla End  */

.hidden{
    display:none;
}

.center{
    text-align:center;
}

.right{
    text-align:right;
}

.down{
    padding-top:20px;
}

.big{
    font-size:1.5em;
}

.justify{
    text-align: justify;
}

.float-left{
    float:left;
}

.float-right{
    float:right;
}

.underline{
    border-bottom: solid 1px #d6d6d6;
}

.overline{
    border-top: solid 1px #d6d6d6;
}

.outline{
    border:solid 1px #ccc;
}

.prepend-top-lots{
    margin-top:40px;
}

.pad{
    padding:20px;
}

.lgray{
    background-color: #f1f1f1;
}

.head{
    padding:0.7em;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

fieldset, ul#front_customer
{
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    background-color:#F1F1F1;
    border: solid 1px #d6d6d6;
}

.error, .notice, .success {
    clear:both;
    margin-bottom:-1px;
    padding-left:40px;
    border-width: 1px;
}

.success {
    background:#94CF67 url("/styles/images/tick-icon.png") 10px center no-repeat;
}

.error {
    padding-left:40px;
    background:#FBE3E4 url("/styles/images/delete-icon.png") 10px center no-repeat;
}

acronym{
    color:#707070;
}

acronym:hover{
    cursor:help;
}

table{
    *border-collapse: expression('separate', cellSpacing = '0px');
}

div#logo{
    height:180px;
    border-bottom:1px solid #CCCCCC;
    /*margin-bottom:-1px;*/
    background:#d1d1d1 url("/styles/images/head_banner.png") right top no-repeat;
}

div#logo h2{
    width:500px;
    margin-top:50px;
    color:#8f8f8f;
    font-family:serif;
    font-weight:bold;
}

p#logo_visibility_toggle a{
    color:#ccc;
    margin-right:20px;
}

div#navigation{
    height:30px;
    border-bottom:solid 1px #d1d1d1;
    background-color: silver;
}

div#navigation a{
    text-decoration:none;
    color:#d1d1d1;
    text-shadow: #999 -1px 0px, #777 0px -1px, #777 1px 0px, #777 0px 1px;
}

div#navigation ul{
    list-style: none;
}

div#navigation span{
    display:block;
    padding:1px 30px 5px;
    height:25px;
}

div#navigation ul li{
    float:left;
    font-size:1.4em;
    border-right:solid 1px #ccc;
    height:30px;
    vertical-align:middle;
}

div#navigation ul li:hover{
    background-color:#d1d1d1;
}

div#info_bar{
    padding-top: 5px;
    padding-bottom: 5px;
}

div#info_bar span{
    padding:0px 20px;
}

fieldset.dpt{
    background-color: #fff;
}

table#customer_view{
    font-size: 1.1em;
}

td.label{
    text-align:right;
}

td.label label{
    font-weight: normal;
}

td span{
    font-weight: bold;
}

td.value{
    font-weight: bold;
    min-width:70px;
}

span.customer_field{

}

tr.soft{
    font-size: 0.9em;
    color:#707070;
}

table.dpt input.span-2{
    text-align: center;
}

tr.dpt{
    font-size: 1.2em;
    font-weight: bold;
}

tr.dpt td, tr.heading td{
    text-align: center;
}

table.dpt{
    float:left;
}

div.border-right{
    border-right: #ccc dashed 1px;
}

div#create_order_list_container{
    width:172px;
}

div#trigger_container{
    border: 1px solid #ccc;
    background-color: #fff;
}

div.create_order_list_box{
    width:170px;
    border-right:1px #ccc solid;
    border-left:1px #ccc solid;
    border-top:1px #ccc solid;
    background-color:#fff;
}

div#create_order_list ul{
    width:170px;
    margin:0px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-right:1px #ccc solid;
    border-left:1px #ccc solid;
    border-bottom:1px #ccc solid;
    background-color:#fff;
}

div#create_order_list ul{
    list-style-type: none;
    text-align: left;
}

li.new_order_li{
    padding-left:15px;
}

li.new_order_li:hover{
    cursor:pointer;
}

table#customer_orders, table#last_customers{
    border:solid 1px #bfbfbf;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

table#customer_orders a, table#last_customers a, table.norm a{
    text-decoration:none;
}

tr.table_head{
    font-size: 1.2em;
}

tr.table_head td{
    text-align:center;
    border-bottom:1px solid #707070;
}

tr.table_foot{
    background-color: #E0EFCD;
}

tr.table_foot td{
    border-top:1px solid #ccc;
}

tr.odd{
    background-color: #d9d9d9;
}

tr.ev{
    background-color: #e9e9e9;
}

tr.link:hover{
    cursor: pointer;
}

div.dash_border{
    margin-top: 15px;
    border:dashed 1px #ccc;
    background-color: #fff;
}

div#description_box p{
    padding:5px 10px;
}

textarea#description_field{
    height:200px;
}

div.form_error {
    padding:.8em 40px;
    background:#FBE3E4 url("/styles/images/delete-icon.png") 10px center no-repeat;
    margin-bottom:1em;
    border:1px solid #ddd;
    color:#8a1f11;
    border-color:#FBC2C4;
}

input.form_error{
    background:#FBE3E4;
}

.white_bg{
    background-color:#fff;
    padding: 3px;
}

.no-margin{
    margin:0px;
}

textarea
{
    width:auto;
}

input.date-pick
{
    margin-bottom: -2px;
}

a.dp-choose-date
{
    margin-top:2px!important;
}

fieldset.desc
{
    background-color: #fff;
    padding: 0 1.4em;
}

fieldset.desc textarea
{
    border:none;
}

input{
    border:1px solid #AAAAAA;
}

ul#front_customer
{
    padding:15px 50px;
    list-style-type: square;
    margin:0;
}

#test_chart_container
{
    height: 400px;
    border-top:#dbdbdb solid 1px;
    border-bottom:#dbdbdb solid 1px;
}