/**** COMMON STYLE HELPERS ************************/
/*-------------------------------------------------*/
/* Adds simple styles like bold, clear, padding and font-size */
/*-------------------------------------------------*/
/**************************************************/

/* Clear */
.clear	 {clear:both;}
.clear-l {clear:left;}
.clear-r {clear:right;}

/* Position */
.pos-rel {position:relative !important;}
.pos-abs {position:absolute !important;}

/* Display */
.display-none {display:none;}
.display-none-im {display:none !important;}
.display-block {display:block !important;}
.display-table {display:table !important;}
.display-inline {display:inline !important;}
.display-inline-block {display:inline-block !important;}

/* Margins | full, top, bottom, left, right, vertical, horizontal */
.m-0 {margin:0 !important;}
.m-5 {margin:5px !important;}
.m-10 {margin:10px !important;}
.m-15 {margin:15px !important;}
.m-20 {margin:20px !important;}
.m-30 {margin:30px !important;}

.m-t-0  {margin-top:0px !important;}
.m-t-5  {margin-top:5px !important;}
.m-t-10 {margin-top:10px !important;}
.m-t-15 {margin-top:15px !important;}
.m-t-20 {margin-top:20px !important;}
.m-t-25 {margin-top:25px !important;}
.m-t-30 {margin-top:30px !important;}

.m-b-0  {margin-bottom:0px !important;}
.m-b-5  {margin-bottom:5px !important;}
.m-b-10 {margin-bottom:10px !important;}
.m-b-15 {margin-bottom:15px !important;}
.m-b-20 {margin-bottom:20px !important;}
.m-b-25 {margin-bottom:25px !important;}
.m-b-30 {margin-bottom:30px !important;}

.m-l-0  {margin-left:0px !important;}
.m-l-5  {margin-left:5px !important;}
.m-l-10 {margin-left:10px !important;}
.m-l-15 {margin-left:15px !important;}
.m-l-20 {margin-left:20px !important;}
.m-l-25 {margin-left:25px !important;}
.m-l-30 {margin-left:30px !important;}

.m-r-0  {margin-right:0px !important;}
.m-r-5  {margin-right:5px !important;}
.m-r-10 {margin-right:10px !important;}
.m-r-15 {margin-right:15px !important;}
.m-r-20 {margin-right:20px !important;}
.m-r-25 {margin-right:25px !important;}
.m-r-30 {margin-right:30px !important;}

.m-hor-5  {margin:0 5px !important;}
.m-hor-10 {margin:0 10px !important;}
.m-hor-15 {margin:0 15px !important;}
.m-hor-20 {margin:0 20px !important;}
.m-hor-30 {margin:0 30px !important;}

.m-ver-5  {margin:5px 0 !important;}
.m-ver-10 {margin:10px 0 !important;}
.m-ver-15 {margin:15px 0 !important;}
.m-ver-20 {margin:20px 0 !important;}
.m-ver-30 {margin:30px 0 !important;}

/* Padding | full, top, bottom, left, right, vertical, horizontal */
.p-0  {padding:0 !important;}
.p-5  {padding:5px !important;}
.p-10 {padding:10px !important;}
.p-15 {padding:15px !important;}
.p-20 {padding:20px !important;}
.p-30 {padding:30px !important;}

.p-t-0  {padding-top:0px !important;}
.p-t-5  {padding-top:5px !important;}
.p-t-10 {padding-top:10px !important;}
.p-t-15 {padding-top:15px !important;}
.p-t-20 {padding-top:20px !important;}
.p-t-25 {padding-top:25px !important;}
.p-t-30 {padding-top:30px !important;}

.p-b-0  {padding-bottom:0px !important;}
.p-b-5  {padding-bottom:5px !important;}
.p-b-10 {padding-bottom:10px !important;}
.p-b-15 {padding-bottom:15px !important;}
.p-b-20 {padding-bottom:20px !important;}
.p-b-25 {padding-bottom:25px !important;}
.p-b-30 {padding-bottom:30px !important;}

.p-l-0  {padding-left:0px !important;}
.p-l-5  {padding-left:5px !important;}
.p-l-10 {padding-left:10px !important;}
.p-l-15 {padding-left:15px !important;}
.p-l-20 {padding-left:20px !important;}
.p-l-25 {padding-left:25px !important;}
.p-l-30 {padding-left:30px !important;}

.p-r-0  {padding-right:0px !important;}
.p-r-5  {padding-right:5px !important;}
.p-r-10 {padding-right:10px !important;}
.p-r-15 {padding-right:15px !important;}
.p-r-20 {padding-right:20px !important;}
.p-r-25 {padding-right:25px !important;}
.p-r-30 {padding-right:30px !important;}

.p-12-28 {padding:12px 28px !important;}

.p-hor-5  {padding:0 5px !important;}
.p-hor-10 {padding:0 10px !important;}
.p-hor-15 {padding:0 15px !important;}
.p-hor-20 {padding:0 20px !important;}
.p-hor-30 {padding:0 30px !important;}

.p-ver-5  {padding:5px 0 !important;}
.p-ver-10 {padding:10px 0 !important;}
.p-ver-15 {padding:15px 0 !important;}
.p-ver-20 {padding:20px 0 !important;}
.p-ver-30 {padding:30px 0 !important;}

/* Percentage width */
.width-per-10  {width:10%;}
.width-per-20  {width:20%;}
.width-per-25  {width:25%;}
.width-per-30  {width:30%;}
.width-per-33  {width:33.33333333333333%;}
.width-per-40  {width:40%;}
.width-per-50  {width:50%;}
.width-per-60  {width:60%;}
.width-per-66  {width:66.66666666666666%;}
.width-per-70  {width:70%;}
.width-per-75  {width:75%;}
.width-per-80  {width:80%;}
.width-per-85  {width:85%;}
.width-per-90  {width:90%;}
.width-per-95  {width:95%;}
.width-per-100 {width:100%;}

.width-auto {width:auto !important;}

/* WIDTH */
.width-px-20 {width:20px;}
.width-px-30 {width:30px;}
.width-px-40 {width:40px;}
.width-px-50 {width:50px;}
.width-px-60 {width:60px;}
.width-px-70 {width:70px;}
.width-px-80 {width:80px;}
.width-px-90 {width:90px;}
.width-px-100 {width:100px;}
.width-px-110 {width:110px;}
.width-px-120 {width:120px;}
.width-px-130 {width:130px;}
.width-px-140 {width:140px;}
.width-px-150 {width:150px;}
.width-px-160 {width:160px;}
.width-px-170 {width:170px;}
.width-px-180 {width:180px;}
.width-px-190 {width:190px;}
.width-px-200 {width:200px;}
.width-px-200 {width:200px;}
.width-px-220 {width:220px;}
.width-px-240 {width:240px;}
.width-px-260 {width:260px;}
.width-px-280 {width:280px;}
.width-px-300 {width:300px;}

/* Min-Height */
.min-h-40  {min-height:40px;}
.min-h-50  {min-height:50px;}
.min-h-60  {min-height:60px;}
.min-h-80  {min-height:80px;}
.min-h-100 {min-height:100px;}
.min-h-120 {min-height:120px;}
.min-h-150 {min-height:150px;}
.min-h-240 {min-height: 240px !important;}

/* Text Style | bold, normal, italic, uppercase */
.txt-bold   {font-weight:bold;}
.txt-normal {font-weight:normal;}
.txt-italic {font-style:italic;}
.txt-upper  {text-transform: uppercase;}
.txt-lower  {text-transform: lowercase;}

/* Text Size | px + em */
.txt-px-9  {font-size:9px;}
.txt-px-10 {font-size:10px;}
.txt-px-11 {font-size:11px;}
.txt-px-12 {font-size:12px;}
.txt-px-13 {font-size:13px;}
.txt-px-14 {font-size:14px;}
.txt-px-15 {font-size:15px;}
.txt-px-16 {font-size:16px;}
.txt-px-18 {font-size:18px;}
.txt-px-20 {font-size:20px;}
.txt-px-22 {font-size:22px;}
.txt-px-24 {font-size:24px;}
.txt-px-26 {font-size:26px;}
.txt-px-28 {font-size:28px;}
.txt-px-30 {font-size:30px;}

.txt-em-0-8 {font-size:0.8em;}
.txt-em-0-9 {font-size:0.9em;}
.txt-em-1-0 {font-size:1.0em;}
.txt-em-1-1 {font-size:1.1em;}
.txt-em-1-2 {font-size:1.3em;}
.txt-em-1-3 {font-size:1.3em;}
.txt-em-1-4 {font-size:1.4em;}
.txt-em-1-5 {font-size:1.5em;}
.txt-em-1-6 {font-size:1.6em;}
.txt-em-1-7 {font-size:1.7em;}
.txt-em-1-8 {font-size:1.8em;}
.txt-em-1-9 {font-size:1.9em;}
.txt-em-2-0 {font-size:2.0em;}
.txt-em-2-2 {font-size:2.2em;}
.txt-em-2-4 {font-size:2.4em;}
.txt-em-2-6 {font-size:2.6em;}

/* Dividing Line */
.div-10, .div-15, .div-20, .div-30, .div-b-10, .div-b-15, .div-b-20, .div-b-30 { border-bottom:#CCC solid 1px; height:1px; display:block; }

.div-10 {margin:10px 0;}
.div-15 {margin:15px 0;}
.div-20 {margin:20px 0;}
.div-30 {margin:30px 0;}

.div-b-10 {margin:0 0 10px 0;}
.div-b-15 {margin:0 0 15px 0;}
.div-b-20 {margin:0 0 20px 0;}
.div-b-30 {margin:0 0 30px 0;}

/* Borders */
.bdr-none  {border:none !important;}
.bdr-dark  {border:#333 solid 1px !important;}
.bdr-light {border:#D4D4D4 solid 1px !important;}

.bdr-t-none  {border-top:none !important;}
.bdr-t-dark  {border-top:#333 solid 1px !important;}
.bdr-t-light {border-top:#D4D4D4 solid 1px !important;}

.bdr-b-none  {border-bottom:none !important;}
.bdr-b-dark  {border-bottom:#333 solid 1px !important;}
.bdr-b-light {border-bottom:#D4D4D4 solid 1px !important;}

.bdr-r-none  {border-right:none !important;}
.bdr-r-dark  {border-right:#333 solid 1px !important;}
.bdr-r-light {border-right:#D4D4D4 solid 1px !important;}

.bdr-l-none  {border-left:none !important;}
.bdr-l-dark  {border-left:#333 solid 1px !important;}
.bdr-l-light {border-left:#D4D4D4 solid 1px !important;}

.bdr-radius-0  {border-radius:0px !important;}
.bdr-radius-5  {border-radius:5px !important;}
.bdr-radius-10 {border-radius:10px !important;}

.bdr-width-2 {border-width:2px !important;}
.bdr-width-3 {border-width:3px !important;}
.bdr-width-4 {border-width:4px !important;}
.bdr-width-5 {border-width:5px !important;}

/* V-Align */
.valign-top    {vertical-align: top !important;}
.valign-bottom {vertical-align: bottom !important;}
.valign-middle {vertical-align: middle !important;}