/*
    Document   : crossword
    Created on : 04.07.2012, 15:03:45
    Author     : k-kombinat
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/**
NAVIGATION
**/
#mcs_container .customScrollBox li div.navinfo{
    cursor: pointer;
}
#mcs_container .customScrollBox li div img{
    width: 35px;height: 35px; border: 1px solid green;
}


/**
INTERACTION
**/
#content-interaction{
    position: absolute;top: 5px;left: 250px;
    width: 630px;height: 490px;
}
#content-interaction #hline {
    position: absolute;top: 13px;left: 16px;width: 595px;height: 20px; background-color: #19afcc;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
    moz-box-shadow: 4px 4px 4px #888;
    -webkit-box-shadow: 4px 4px 4px #888;
    box-shadow: 4px 4px 4px #888;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius:0;
    border-bottom-left-radius:0;
}
#content-interaction #hline div.hspacer {
    width: 26px;
}
#content-interaction #hline div {
    float: left;width: 113px; color:#fff;text-align: center;margin-top: 2px;
}

#content-interaction #vline {
    position: absolute;top: 31px;left: 16px;width: 20px;height: 463px; background-color: #19afcc;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
    moz-box-shadow: 4px 4px 4px #888;
    -webkit-box-shadow: 4px 4px 4px #888;
    box-shadow: 4px 4px 4px #888;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-left-radius:0;
    -webkit-border-top-right-radius:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
}
#content-interaction #vline div.vspacer {
    height: 10px;margin: 0;
}
#content-interaction #vline div {
    color: #FFFFFF; height: 67px; margin-top: 44px; text-align: center;
}

#content-interaction div.table {
    position: absolute;top: 29px;left:41px;
    display:table; border-collapse:collapse; margin-top: 10px;
}
#content-interaction div.tr {
    display:table-row;
}
#content-interaction .mcard {
    display: block; background-color: #fff;height: 108px;width: 108px;
    border: 2px solid #c3182a; float: left;margin: 1px;background-color: #ededed;
    cursor: pointer;overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
}
#content-interaction .mcard.greenborder {
    border: 2px solid green;
}
#content-interaction .mcard img{
    height: 108px;width: 108px;
}
#content-interaction .mcard span{
    display: block;width: 108px;
    text-align: center;margin-top: 35px;
}
#content-interaction input{
    border: 0;
    height: 31px;
    width: 31px;
    overflow: hidden;
    margin-top: -2px;
}
#content-interaction div.table span.greenbg {
    background-color: #8fff53;cursor: pointer;
}
#content-interaction div.table span.redbg {
    background-color: #c3182a;cursor: pointer;
}

/**
INFOBOX
*/
div.infoborder img {
    width: 75px; height: 75px;border: 1px solid green;
}