/* 
    Document   : components
    Created on : May 23, 2013, 5:53:07 PM
    Author     : Jurosh
    Description: base css components
*/

/*
 left-skrew-rectangle 100x30
*/
.left-rectangle {
   width: 100px; 
   height: 30px;
   /* Skew */
   -webkit-transform: skew(20deg); 
   -moz-transform: skew(20deg); 
   -o-transform: skew(20deg);
   transform: skew(20deg);
}
.left-rectangle-content {
   /* Skew */
   -webkit-transform: skew(-20deg); 
   -moz-transform: skew(-20deg); 
   -o-transform: skew(-20deg);
   transform: skew(-20deg);
}

/*
 rounded rectangle 180x110
*/
.rounded-rectangle {
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.bck-dark-gradient {
    background-image: linear-gradient(left , #0C0C0C 5%, transparent 50%, #0C0C0C 95%);
    background-image: -o-linear-gradient(left , #0C0C0C 5%, transparent 50%, #0C0C0C 95%);
    background-image: -moz-linear-gradient(left , #0C0C0C 5%, transparent 50%, #0C0C0C 95%);
    background-image: -webkit-linear-gradient(left , #0C0C0C 5%, transparent 50%, #0C0C0C 95%);
    background-image: -ms-linear-gradient(left , #0C0C0C 5%, transparent 50%, #0C0C0C 95%);
}