html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body
{
    line-height: 1;
}

ol, ul
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}


/* remember to define focus styles! */

:focus
{
    outline: 0;
}


/* remember to highlight inserts somehow! */

ins
{
    text-decoration: none;
}

del
{
    text-decoration: line-through;
}


/* tables still need 'cellspacing="0"' in the markup */

table
{
    border-collapse: collapse;
    border-spacing: 0;
}


/* ----------------- */

.clearfix
{ *zoom:1;
}

.clearfix:before, .clearfix:after
{
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after
{
    clear: both;
}


/*TYPO*/
@font-face
{
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular_gdi.eot');
    src: url('fonts/Roboto-Regular_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular_gdi.woff') format('woff'), url('fonts/Roboto-Regular_gdi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0002-FFFD;
}
@font-face
{
    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold_gdi.eot');
    src: url('fonts/Roboto-Bold_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold_gdi.woff') format('woff'), url('fonts/Roboto-Bold_gdi.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0002-FFFD;
}

/*----- style ------*/
a
{
    text-decoration: none;
    color: #000;
}
a:hover
{
    color: #ec0202;
}
.bcp-box
{
    margin-bottom: 10px;
    font-family: "roboto" , arial, sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    padding: 5px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    position: relative;
}

.bcp-box .box-hdr
{
    float: left;
    margin-right: 10px;
    font-size: 13px;
    text-transform: uppercase;
    position: absolute;
    top: 2px;
    left: 2px;
}

.bcp-box .box-hdr a
{
    color: #ec0202;
}
.bcp-box .box-hdr img
{
    margin-right: 3px;
    vertical-align: bottom;
}
.bcp-box .story .title
{
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    position: relative;
    top: 0px;
    text-indent: 126px;
}
.bcp-box .story .title a
{
    color: #555;
}