div.container {
    text-align: center;
}


.buttons {
    text-align: right;
}


button {
    background-color: #69341f;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-align: right;
    border:none;
    padding:5px 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px 10px 10px 10px;
    color:#ffffff;
    margin: 0 0 1em 1em;
    cursor:pointer;
    font-size: 1em;
    /*behavior:url(/media/js/border-radius.htc);*/
}

button.help {
    padding-left: 37px;
    background-image: url(/media/chrome/help-browser.png);

}

button.login {
    padding-left: 37px;
    background-image: url(/media/chrome/contact-new.png);
}


button.email {
    padding-left: 37px;
    background-image: url(/media/chrome/plan_room_to_email.png);
}

button.logout {
    padding-left: 37px;
    background-image: url(/media/chrome/system-log-out.png);
}

button.no_email {
    padding-left: 37px;
    background-image: url(/media/chrome/plan_room_no_email.png);
}

button.save {
    padding-left: 37px;
    background-image: url(/media/chrome/document-save.png);
}

button.add {
    padding-left: 37px;
    background-image: url(/media/chrome/list-add.png);
}

button:hover {
    background-color:#A40323;
}


div.asset_list {
    float: none;
    clear: both;
    padding-left: 2.99em;
    padding-right: 2.99em;
    margin-bottom: 1em;
}

div.asset_list table {
    line-height: 1.8;
    width: auto;
    table-layout: auto;
    margin: 0 0 20px 0;
}

div.asset_list tr.odd {
    background-color: #e2e0d6;
}

div.asset_list tr.even {
    background-color: #d5d2c7;
}

div.asset_list td {
    padding: 0 10px 0 10px;
    /*background-color: #e2e0d6;*/
}

div.asset_list td.update {
    background-color: #fff08b;
}

div.asset_list th {
    color: #69341f;
    padding: 0 10px 0 10px;
    font-weight: normal;
    font-style: italic;
}
div.asset_list > img {
    float: left;
    margin: 0 10px 0 0;
}
div.asset_list table table {
    margin: 0;
    font-size: 90%;
}
form table {
    /*display: inline;*/
    margin-left: auto;
    margin-right: auto;
    
}

div.asset_list a.labelbox{
    background-color: #69341f;
    border-left-color: #69341f;
    border-right-color: #69341f;
}

div.asset_list a.labelbox:hover {
    background-color:#8b0027;
}   

form td {
    text-align: left;
    padding: 0.5em;
    max-width: 400px;
}

td  p {
    margin:0;
}

form label {
       color: #69341f;
       line-height: 23px;
}

form td {
    text-align: left;
    padding-bottom: 0.5em;
}

p.help_text {
   font-size: 0.9em;
   text-align: left;
   color: gray;
   width 30em;
   margin-left: auto;
   margin-right: auto;
}

form td.label {
    text-align: right;
    padding-right: 1em;
}


ul.errorlist li{
        list-style: square url(chrome/dialog-error.png) inside;
        color: red;

}

hr {
    border: 2px solid white;
}

/*CSS Tooltips from this example : http://psacake.com/web/jl.asp */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    }

a.info:hover{z-index:25; cursor: default;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:2em; right:0; width:15em;
    max-width: 600px;
    border:1px solid  #69341f;
    background-color:#ffffff; color:#000;
    text-align: left;
    padding: 1em;
    line-height: 1.33em;
    font-size: 11px;
    font-weight: normal; 
    }

/*CSS For Arrowhead from here:http://v3.thewatchmakerproject.com/journal/237/scalable-css-arrows */

.right-arrow{
    background: #eae9e2 url(/media/chrome/right-arrow.png) no-repeat right 50%;
    margin: 0;
    padding: 0;
    /*float:right;*/
}

.right-arrow div {
    display: block;
    background: #a40323;
    /*border: 2px solid #a40323;
    border-right-width: 0;*/ 
    /*padding: .3em .6em .3em .6em;*/
    margin-right: 32px;
    color: #ffffff;
    font-size: 1em;
}

form ul {
    list-style-type: none;
    overflow: scroll;
    height: 300px;
    padding-left: 0;
}


form ul.errorlist {
    overflow: auto;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: center;
}