/**
 * This file contains common classes that can be applied
 * to elements instead of defining the style attribute.
 */
 
 
.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }

.display-inline { display:inline-block; }

.float-left { float: left; }
.float-right { float: right; }

.margin { margin: 10px;}
.margin-bottom { margin-bottom: 10px; }
.margin-left { margin-left: 10px; }
.margin-right { margin-right: 10px; }
.margin-top { margin-top: 10px; }

.margin-bottom-small { margin-bottom: 4px; }
.margin-left-small { margin-left: 4px; }
.margin-right-small { margin-right: 4px; }
.margin-top-small { margin-top: 4px; }


.padding { padding: 5px; }
.padding-left {padding-left:20px;}
.padding-right { padding-right: 5px; }

.valign-top { vertical-align: top; }
.valign-middle { vertical-align: top; }
.valign-bottom { vertical-align: bottom; }

.width-full { width: 100%; }
.width-07 { width: 07%; }
.width-10 { width: 10%; }
.width-20 { width: 20%; }
.width-23 { width: 23%; }
.width-25 { width: 25%; }
.width-30 { width: 30%; }
.width-40 { width: 40%; }
.width-50 { width: 50%; }
.width-54 { width: 54%; }
.width-60 { width: 60%; }
.width-70 { width: 70%; }
.width-75 { width: 75%; }
.width-80 { width: 80%; }
.width-90 { width: 90%; }

.center-horisontal
{
    margin-left:auto;
    margin-right:auto;
}