/* 
    Document   : frontend-wordprocessor
    Created on : 17-Apr-2013, 14:42:31
    Author     : Emlyn
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

.icon-margin{
    margin-right: 3px;
}

.thumbnailElement {
    width: 31.6239% !important;
    -moz-box-sizing: border-box !important;
    display:block !important;
    float:left !important;
    margin-right: 12px !important;
    margin-left: 0 !important;
}

#documentExplorer {
    /*height: 515px;*/
    width: 100%;
}

#wordHeader{
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    padding: 4px 6px;
    vertical-align: middle;
    margin-left: 0;
    font-weight: bold;
}

#documentNameContainer{
    margin-bottom: 0;
}

.documentwell{
    background-color:#f5f5f5;
    padding:5px 5px 0 5px;
    border:1px solid #eee;
    border-bottom: 0px;
}

#editorStatus{
    margin-bottom: 3px;
}

#documentExplorer .label, #documentExplorer .badge{
    /*color: #FFFFFF !important;*/
    display: inline-block !important;
    font-size: 11.844px !important;
    font-weight: bold !important;
    line-height: 14px !important;
    padding: 2px 4px !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25) !important;
    vertical-align: baseline !important;
    white-space: nowrap !important;
}

.label-success{
    background-color: #468847 !important;
}

.thebigreasonSkin .mceStatusbar{
    height: 23px !important;
}

#documentNameContainer > .controls {
	margin-bottom: 0;
}