/*Report timeline*/
div.timeline {
    height: 23px;
    line-height:30px;
    font-family: verdana !important;
    margin: 0 5px 5px 0;
    vertical-align:middle;
    padding-top:7px;
    padding-left: 5px;
    padding-right: 5px;
}

div.timeline .floatright{
    float:right;
}

div.timeline .picker{
    height: 16px;
    line-height: 16px;
    float:left;
    border-bottom:1px solid #EEEEEE;
    border-top:1px solid #EEEEEE;
}
div.timeline .datepicker {
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    float:left;
    margin-top: -7px;
    margin-bottom: -7px;
}

div.timeline a{
    background: #fff;
    text-decoration:none;
    color: #012a60;

}

div.timeline .datepicker.marked, div.timeline .datepicker.marked.lastone{
    background: transparent url(/css_images/timeline/marker.gif) center top no-repeat;
    height: 30px;
    line-height: 30px;
    margin-top: -7px;
}

* html div.timeline .datepicker.marked, * html div.timeline .datepicker.marked.lastone {
    background: transparent;
}

* html div.timeline .datepicker.marked a{
    background: #697b90;
    color:#fff;
    font-weight:bold;
    padding-left:2px;
    padding-right:2px;
}


div.timeline .datepicker.lastone{
    padding-right: 20px;

    /*background: url(/css_images/timeline/right_arrow.gif) right no-repeat;*/
}

div.timeline_infobutton {
    float:left;
    margin-top:-2px;
    margin-left: 5px;
}
div.timeline_infobutton a {
    background: transparent !important;
}

div.timeline .timeline_label{
    float:left;
    margin-top: -7px;
    background: #e5e5e5;
    padding-right: 20px;
}

div.timeline .timeline_label.totheleft {
    background: #e5e5e5 url(/css_images/timeline/left_arrow.gif) right no-repeat;
    font-weight: bold;
}


div.timeline .timeline_label.totheright {
    background: #e5e5e5;
    margin-top: -7px;
    margin-bottom: -7px;
    float:left;
}

/*IE 6 NONSENSE*/
* html div.timeline .timeline_label.totheright {
    margin-top: -6px;
}

/*IE 7 NONSENSE*/
*:first-child+html div.timeline .timeline_label.totheright {
    margin-top: -6px;
}



div.timeline .timeline_label.totheright span{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 0 2px 0 6px;
    color: #656565;
}

/*End of timeline css*/

div.ably_header {
    margin-left: 149px;
    background: transparent url(/css_images/trading/ably_logo_small.gif)  no-repeat 10px 8px;;
    height: 80px;
    border:1px solid #cfcfcf;
    margin-right:5px;
}

div.ably_header div.contactinfo {
    float:right;
    width: 200px;
    margin-top:20px;
}

div.ably_header div.contactinfo li {
    font-size:13px;
    list-style-type:none;
    height:20px;
}

div.ably_header div.contactinfo li.email {
    background:url(/css_images/trading/mail.gif) no-repeat;
    padding-left: 25px;
}
div.ably_header div.contactinfo li.phone {
    background:url(/css_images/trading/phone.gif) no-repeat;
    padding-left: 25px;
}

div.ably h1 {
    color: #ff7800;
    font-weight:bold;
}

* html div.ably img.screenshot {
    width:495px;
}

.button.xls {
    background: #fff url(/images/icons/excel_download.gif) no-repeat 2px 50%;
}

.button.stats {
    background: #fff url(/images/icons/stats.gif) no-repeat 2px 50%;
}