/*Your styles*/

 body {
    margin: 10px;
}


#content {
    margin-right:auto;
    margin-left:auto;
    vertical-align:middle;
    width:100%;
}


#about {
    margin-right:auto;
    margin-left:auto;
    vertical-align:middle;
    text-align:  center;
    width:100%;
    font-size: 90%;
}

#help {
    margin-right:auto;
    margin-left:auto;
    vertical-align:middle;
    text-align:  center;
    width:100%;
    font-size: 90%;
}

.content-element {
    padding-top: 5px;
    padding-bottom: 5px;
}

.extra-margin {
    margin-top: 5px;
    margin-bottom: 3px;
}

.extra-extra-margin {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bigger-font {
    font-size: 120%; 
}

/*
Those classes will be edited at runtime with values specified
by the settings of the CC application
*/
.hostFontColor{}
.hostFontFamily{}
.hostFontSize{}

/*font family, color and size*/
.hostFont{}
/*background color*/
.hostBgd{}
/*lighter background color*/
.hostBgdLight{}
/*darker background color*/
.hostBgdDark{}
/*background color and font*/
.hostElt{}


.hostButton{
    border:1px solid;
    border-radius:2px;
    height:20px;
    vertical-align:bottom;
    font-family:inherit;
    color:inherit;
    font-size:inherit;
}

.full-width {
    display: block;
    width : 100%;   
}

.text-center {
    text-align: center;   
}

.topcoat-range {
    width : 100%;   
}

.label-left {
    float: left;   
}

.label-right { 
    float: right;   
}

.scale-50percent {
    transform: scaleX(2)
}


.text-align-justified {
    text-align: justify;
}