CSS properties order

order.css

/*
    CSS properties order
    ==============================================================================================
*/

.class {
    position: relative;
    right: 0;
    left: 0;
    z-index: 77;
    
    display: inline-block;
    width:100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 4px 5px 5px;
    
    border: #ccc solid 1px;
    border-top: #999 solid 1px;
    background: #fff;
    background-image: url(/res/i/ic/icon.png);
    
    color: #333;
    line-height: 15px;
    font: 12px Arial, Helvetica, sans-serif;
    }
	
	
	
/*
    Exceptions
    ==============================================================================================
*/

.class {
    display: inline-block;
    vertical-align: middle;
    }

.class {
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    }

.class {
    position: absolute;
    z-index: 1000; /* reason for z-index */
    }

.class {
    width: 200px;
    left: 50%; margin-left: -100px;
    }

.class {
    height: 100px;
    top: 50%; margin-top: -50px;
    }

.class {
    height: 18px;
    line-height: 18px;
    }