/* */
.underline_on_hover:hover {
    text-decoration: underline; 
}

/* Block display */
.hide    { display: none; }
.show    { display: initial; }
.block   { display: block; }
.inline  { display: inline-block; }
.nowrap  { white-space: nowrap; }

/* Text alignment */
.left    { text-align: left; }
.left_20 { text-align: left; padding-left: 20px; }
.left_40 { text-align: left; padding-left: 40px; }
.right   { text-align: right; }
.center  { text-align: center; }
.top     { vertical-align: top; }
.top_20  { padding-top: 20px; }
.middle  { vertical-align: middle; }
.bottom  { vertical-align: bottom; }
.fleft   { float: left; }
.fright  { float: right; }

/* Width */
.w_10p   { width:    10%; }
.w_20p   { width:    20%; }
.w_30p   { width:    30%; }
.w_40p   { width:    40%; }
.w_45p   { width:    45%; }
.w_50p   { width:    50%; }
.w_60p   { width:    60%; }
.w_70p   { width:    70%; }
.w_80p   { width:    80%; }
.w_90p   { width:    90%; }
.w_95p   { width:    95%; }
.w_100p  { width:   100%; }
.w_10    { width:   10px; }
.w_20    { width:   20px; }
.w_30    { width:   30px; }
.w_40    { width:   40px; }
.w_50    { width:   50px; }
.w_60    { width:   60px; }
.w_70    { width:   70px; }
.w_80    { width:   80px; }
.w_90    { width:   90px; }
.w_100   { width:  100px; }
.w_120   { width:  120px; }
.w_140   { width:  140px; }
.w_150   { width:  150px; }
.w_160   { width:  160px; }
.w_180   { width:  180px; }
.w_200   { width:  200px; }
.w_250   { width:  250px; }
.w_300   { width:  300px; }
.w_350   { width:  350px; }
.w_400   { width:  400px; }
.w_450   { width:  450px; }
.w_500   { width:  500px; }
.w_550   { width:  550px; }
.w_600   { width:  600px; }
.w_650   { width:  650px; }
.w_700   { width:  700px; }
.w_750   { width:  750px; }
.w_800   { width:  800px; }
.w_850   { width:  850px; }
.w_900   { width:  900px; }
.w_950   { width:  950px; }
.w_950   { width:  950px; }
.w_1000  { width: 1000px; }
.w_1100  { width: 1100px; }
.w_1200  { width: 1200px; }
.w_1300  { width: 1300px; }
.w_1400  { width: 1400px; }
.w_1500  { width: 1500px; }

/* Height */
.h_10    { height:   10px; }
.h_20    { height:   20px; }
.h_30    { height:   30px; }
.h_40    { height:   40px; }
.h_50    { height:   50px; }
.h_60    { height:   60px; }
.h_70    { height:   70px; }
.h_80    { height:   80px; }
.h_100   { height:  100px; }
.h_120   { height:  120px; }
.h_140   { height:  140px; }
.h_160   { height:  160px; }
.h_180   { height:  180px; }
.h_200   { height:  200px; }
.h_250   { height:  250px; }
.h_300   { height:  300px; }
.h_350   { height:  350px; }
.h_400   { height:  400px; }
.h_500   { height:  500px; }
.h_600   { height:  600px; }
.h_700   { height:  700px; }
.h_800   { height:  800px; }
.h_1000  { height: 1000px; }

.size_10 { font-size: 10px; }
.size_12 { font-size: 12px; }
.size_14 { font-size: 14px; }
.size_16 { font-size: 16px; }
.size_18 { font-size: 18px; }
.size_20 { font-size: 20px; }
.size_22 { font-size: 22px; }
.size_24 { font-size: 24px; }
.size_26 { font-size: 26px; }
.size_28 { font-size: 28px; }
.size_30 { font-size: 30px; }

/* Button */
.btn,
.btn_12,
.btn_14,
.btn_16,
.btn_18,
.btn_20,
.btn_24,
.btn_30{
    font-family: roboto;
    font-weight: 300;
}


.btn    {
  padding: 2px 6px;
  font-size: 10px;
  cursor: pointer;
  border: 0;
}
.btn_12 {
  padding: 2px 7px;
  font-size: 12px;
  cursor: pointer;
  border: 0;
}
.btn_14 {
  padding: 3px 8px;
  font-size: 14px;
  cursor: pointer;
  border: 0;
}
.btn_16 {
  padding: 3px 9px;
  font-size: 16px;
  cursor: pointer;
  border: 0;
}
.btn_18 {
  padding: 3px 10px;
  font-size: 18px;
  cursor: pointer;
  border: 0;
}
.btn_20 {
  padding: 4px 11px;
  font-size: 20px;
  cursor: pointer;
  border: 0;
}
.btn_24 {
  padding: 4px 11px;
  font-size: 24px;
  cursor: pointer;
}
.btn_30 {
  padding: 5px 15px;
  font-size: 30px;
  cursor: pointer;
  border: 0;
}

.btn_warning {
    background-color: #f92929;
    color: white;
}

.pointer {
  cursor: pointer;
}

/* Custom Font-Family */
@font-face { font-family: "Walkway Expand UltraBold"; src: url('fonts/Walkway Expand UltraBold.ttf'); }
@font-face { font-family: "Walkway Expand Black";     src: url('fonts/Walkway Expand Black.ttf'); }
@font-face { font-family: "Zag Bold";                 src: url('fonts/Zag Bold.otf'); }
@font-face { font-family: "Zag Deco Thin";            src: url('fonts/Zag Deco Thin.otf'); }
@font-face { font-family: "Zag Drops Thin";           src: url('fonts/Zag Drops Thin.otf'); }
@font-face { font-family: "Zag Light";                src: url('fonts/Zag Light.otf'); }
@font-face { font-family: "Zag Normal";               src: url('fonts/Zag Normal.otf'); }
@font-face { font-family: "Zag Regular";              src: url('fonts/Zag Regular.otf'); }
@font-face { font-family: "Zag Thin";                 src: url('fonts/Zag Thin.otf'); }
@font-face { font-family: "BNPP Title Sans Bold";     src: url('fonts/BNPP Title Sans Bold.otf'); }
@font-face { font-family: "BNPP Title Sans Light";    src: url('fonts/BNPP Title Sans Light.otf'); }
@font-face { font-family: "BNPP Title Sans";          src: url('fonts/BNPP Title Sans.otf'); }
@font-face { font-family: "PlantagenetCherokee";      src: url('fonts/PlantagenetCherokee.otf'); }
@font-face { font-family: "Skia";                     src: url('fonts/Skia.ttf'); }
@font-face { font-family: "Chalkduster";              src: url('fonts/Chalkduster.ttf'); }
@font-face { font-family: "Cicle Fina";               src: url('fonts/Cicle Fina.ttf'); }
@font-face { font-family: "Cicle Gordita Italic";     src: url('fonts/Cicle Gordita Italic.ttf'); }
@font-face { font-family: "Cicle Semi Italic";        src: url('fonts/Cicle Semi Italic.ttf'); }
@font-face { font-family: "Cicle Semi";               src: url('fonts/Cicle Semi.ttf'); }
@font-face { font-family: "klavika-bold";             src: url('fonts/klavika-bold.otf'); }
@font-face { font-family: "roboto-light";             src: url('fonts/Roboto-Light.ttf'); }
@font-face { font-family: "roboto";                   src: url('fonts/Roboto-Regular.ttf'); }
@font-face { font-family: "roboto-bold";              src: url('fonts/Roboto-Bold.ttf'); }

/* Font-Family */
.pArial               { font-family: "Arial"; }
.pCourier             { font-family: "Courier"; }
.pCourierNew          { font-family: "Courier New"; }
.pGeneva              { font-family: "Geneva"; }
.pGeorgia             { font-family: "Georgia"; }
.pHelvetica           { font-family: "roboto"; }
.pLucidaConsole       { font-family: "Lucida Console"; }
.pMonospace           { font-family: "monospace"; }
.pSansSerif           { font-family: "sans-serif"; }
.pSerif               { font-family: "serif"; }
.pTahoma              { font-family: "Tahoma"; }
.pTimes               { font-family: "Times"; }
.pTimesNewRoman       { font-family: "Times New Roman"; }
.pTrebuchetMS         { font-family: "Trebuchet MS"; }
.pWalkwayBold         { font-family: "Walkway Expand UltraBold"; }
.pWalkwayBlack        { font-family: "Walkway Expand Black"; }
.pZagBold             { font-family: "Zag Bold"; }
.pZagDecoThin         { font-family: "Zag Deco Thin"; }
.pZagDropsThin        { font-family: "Zag Drops Thin"; }
.pZagLight            { font-family: "Zag Light"; }
.pZagNormal           { font-family: "Zag Normal"; }
.pZagRegular          { font-family: "Zag Regular"; }
.pZagThin             { font-family: "Zag Thin"; }
.pBNPPSansBold        { font-family: "BNPP Title Sans Bold"; }
.pBNPPSansLight       { font-family: "BNPP Title Sans Light"; }
.pBNPPSans            { font-family: "BNPP Title Sans"; }
.pCherokee            { font-family: "PlantagenetCherokee"; }
.pSkia                { font-family: "Skia"; }
.pBaoli               { font-family: "Baoli"; }
.pChalkduster         { font-family: "Chalkduster"; }
.pCicleFina           { font-family: "Cicle Fina"; }
.pCicleGorditaItalic  { font-family: "Cicle Gordita Italic"; }
.pCicleSemiItalic     { font-family: "Cicle Semi Italic"; }
.pCicleSemi           { font-family: "Cicle Semi"; }
.pKlavikaBold         { font-family: "klavika-bold"; }

/* Transition */
.transition_01 {
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
.transition_02 {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.transition_05 {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.transition_10 {
  -webkit-transition: 1.0s ease-in-out;
  -moz-transition: 1.0s ease-in-out;
  -o-transition: 1.0s ease-in-out;
  transition: 1.0s ease-in-out;
}
.transition_20 {
  -webkit-transition: 2.0s ease-in-out;
  -moz-transition: 2.0s ease-in-out;
  -o-transition: 2.0s ease-in-out;
  transition: 2.0s ease-in-out;
}

/* Transform : scale */
.scale_30 {
  height: 1080px;
  width: 1920px;

  -webkit-transform: scale(0.30);
  -moz-transform: scale(0.30);
  -o-transform: scale(0.30);

  -webkit-transform-origin: 500px 0px;
  -moz-transform-origin: 500px 0px;
  -o-transform-origin: 500px 0px;
}
.scale_35 {
  height: 278%;
  width: 253%;

  -webkit-transform: scale(0.36);
  -moz-transform: scale(0.36);
  -o-transform: scale(0.36);

  -webkit-transform-origin: 25px 0px;
  -moz-transform-origin: 25px 0px;
  -o-transform-origin: 25px 0px;
}
.scale_40 {
  height: 250%;
  width: 250%;

  -webkit-transform: scale(0.40);
  -moz-transform: scale(0.40);
  -o-transform: scale(0.40);

  -webkit-transform-origin: 25px 0px;
  -moz-transform-origin: 25px 0px;
  -o-transform-origin: 25px 0px;
}
.scale_45 {
  height: 1080px;
  width: 1920px;

  -webkit-transform: scale(0.45);
  -moz-transform: scale(0.45);
  -o-transform: scale(0.45);

  -webkit-transform-origin: 25px 0px;
  -moz-transform-origin: 25px 0px;
  -o-transform-origin: 25px 0px;
}
.scale_50 {
  height: 1080px;
  width: 1920px;

  -webkit-transform: scale(0.51);
  -moz-transform: scale(0.51);
  -o-transform: scale(0.51);

  -webkit-transform-origin: 70px 90px;
  -moz-transform-origin: 70px 90px;
  -o-transform-origin: 70px 90px;
}

/* Border Radius */
.radius_0  {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.radius_2  {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.radius_4  {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.radius_6  {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.radius_8  {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.radius_10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.radius_20 {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* Effects */
.shadow   {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.6);
}
.light    {
  background: white;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 1);
}
.hl_black {
	background: black;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.6);
}

/* Opacity */
.opacity_10  {
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -ms-filter:"alpha(opacity=10)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  filter:alpha(opacity=10);
  opacity:0.1;
}
.opacity_25  {
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  -ms-filter: "alpha(opacity=25)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.opacity_40  {
  -moz-opacity: 0.40;
  -khtml-opacity: 0.40;
  -ms-filter: "alpha(opacity=40)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  filter: alpha(opacity=40);
  opacity: 0.40;
}
.opacity_50  {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.opacity_60  {
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.opacity_75  {
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -ms-filter: "alpha(opacity=75)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.opacity_100 {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}

/* Border color */
.border_white       { border: solid 1px white;       }
.border_grey        { border: solid 1px grey;        }
.border_lightgrey   { border: solid 1px lightgrey;   }
.border_dark        { border: solid 1px #111111;     }
.border_black       { border: solid 1px black;       }
.border_blue        { border: solid 1px #188fde;     }
.border_cyan        { border: solid 1px #4690B2;     }
.border_green       { border: solid 1px #18de8f;     }
.border_purple      { border: solid 1px purple;      }
.border_red         { border: solid 1px #d92929;     }
.border_yellowgreen { border: solid 1px yellowgreen; }

/* Text color */
.white        { color: white;       }
.grey         { color: grey;        }
.lightgrey    { color: white;       }
.dark         { color: #111111;     }
.black        { color: black;       }
.blue         { color: #188fde;     }
.cyan         { color: #4690B2;     }
.green        { color: #18de8f;     }
.purple       { color: purple;      }
/* .red          { color: #d92929;     } */
.red          { color: red;         }
.yellowgreen  { color: yellowgreen; }

/* Background color */ 
.back_white       { background: white;       color: 5b5b5b; }
.back_darkwhite   { background: #fffdfe;     color: 5b5b5b; }
.back_grey        { background: grey;        color: white; }
.back_lightgrey   { background: #4a4a48;     color: lightgrey; }
.back_dark        { background: #aaaaaa;        color: #fab72a; }
.back_black       { background: #454545;     color: white; }
.back_blue        { background: #2a3e94;     color: white; }
.back_cyan        { background: #4690B2;     color: white; }
.back_green       { background: #18de8f;     color: white; }
.back_purple      { background: purple;      color: white; }
.back_red         { background: #f9b629;     color: white; }
.back_yellowgreen { background: yellowgreen; color: white; }
.back_facebook    { background: #3A5899;     color: white; }

/* with gradient */
.gradient_back_yellow_green     {
  color: white;
  background: green;

  background: -webkit-linear-gradient(green, yellowgreen 50%, yellow);
  background:    -moz-linear-gradient(green, yellowgreen 50%, yellow);
  background:     -ms-linear-gradient(green, yellowgreen 50%, yellow);
  background:      -o-linear-gradient(green, yellowgreen 50%, yellow);
  background:         linear-gradient(green, yellowgreen 50%, yellow);
}

.gradient_back_blue             {
  color: white;
  background: #188fde;

  background: -webkit-linear-gradient(#188fde, #05131c);
  background:    -moz-linear-gradient(#188fde, #05131c);
  background:     -ms-linear-gradient(#188fde, #05131c);
  background:      -o-linear-gradient(#188fde, #05131c);
  background:         linear-gradient(#45a2a8, #45a2a8);
} 

.gradient_back_blue:hover {
  color: white;
  background: #67bbeb;

  background: -webkit-linear-gradient(#67bbeb, #2774a8);
  background:    -moz-linear-gradient(#67bbeb, #2774a8);
  background:     -ms-linear-gradient(#67bbeb, #2774a8);
  background:      -o-linear-gradient(#67bbeb, #2774a8);
  background:         linear-gradient(#006f78, #006f78);
}

.gradient_back_green            {
  color: white;
  background: #18de8f;

  background: -webkit-linear-gradient(#18de8f, #051c13);
  background:    -moz-linear-gradient(#18de8f, #051c13);
  background:     -ms-linear-gradient(#18de8f, #051c13);
  background:      -o-linear-gradient(#18de8f, #051c13);
  background:         linear-gradient(#2b7e85, #2b7e85);
}

.gradient_back_green:hover {
  color: white;
  background: #67ebbb;

  background: -webkit-linear-gradient(#67ebbb, #27a874);
  background:    -moz-linear-gradient(#67ebbb, #27a874);
  background:     -ms-linear-gradient(#67ebbb, #27a874);
  background:      -o-linear-gradient(#67ebbb, #27a874);
  background:         linear-gradient(#45a2a8, #45a2a8);
}

.btn-color_other, 
.gradient_back_red              {
  color: white;
  background: #d92929;

  background: -webkit-linear-gradient(#d92929, #570f0f);
  background:    -moz-linear-gradient(#d92929, #570f0f);
  background:     -ms-linear-gradient(#d92929, #570f0f);
  background:      -o-linear-gradient(#d92929, #570f0f);
  background:         linear-gradient(#e5b449, #e5b449);
} 

.btn-color_other:hover,
.gradient_back_red:hover {
  color: white;
  background: #fc3c3c;

  background: -webkit-linear-gradient(#fc3c3c, #ad2323);
  background:    -moz-linear-gradient(#fc3c3c, #ad2323);
  background:     -ms-linear-gradient(#fc3c3c, #ad2323);
  background:      -o-linear-gradient(#fc3c3c, #ad2323);
  background:         linear-gradient(#f9b115, #f9b115);
}

.gradient_warning              {
  color: white;
  background: #f92929;
}
.graduit_warning:hover {
  background: #b30101
}
.gradient_edit              {
  color: white;
  background: #e5b449;
}
.graduit_edit:hover {
  background: #f9b115
}


.gradient_back_facebook         {
  color: white;
  background: #3A5899;

  background: -webkit-linear-gradient(#3A5899, #1A3879);
  background:    -moz-linear-gradient(#3A5899, #1A3879);
  background:     -ms-linear-gradient(#3A5899, #1A3879);
  background:      -o-linear-gradient(#3A5899, #1A3879);
  background:         linear-gradient(#3A5899, #1A3879);
}
.gradient_back_black.disabled            {
    background: linear-gradient(#b30101, #b30101);
    color: #454545;
    cursor: not-allowed;
  }
.gradient_back_black.disabled:hover {
    color: #454545;
}
.gradient_back_black            {
  color: white;
  background: #454545;

  background: -webkit-linear-gradient(#454545, #000000);
  background:    -moz-linear-gradient(#454545, #000000);
  background:     -ms-linear-gradient(#454545, #000000);
  background:      -o-linear-gradient(#454545, #000000);
  background:         linear-gradient(#f92929, #f92929);
} .gradient_back_black:hover {
  color: white;
  background: #808080;

  background: -webkit-linear-gradient(#808080, #232323);
  background:    -moz-linear-gradient(#808080, #232323);
  background:     -ms-linear-gradient(#808080, #232323);
  background:      -o-linear-gradient(#808080, #232323);
  background:         linear-gradient(#b30101, #b30101);
}
.gradient_back_white            {
  color: white;
  background: #808080;

  background: -webkit-linear-gradient(#232323, #808080);
  background:    -moz-linear-gradient(#232323, #808080);
  background:     -ms-linear-gradient(#232323, #808080);
  background:      -o-linear-gradient(#232323, #808080);
  background:         linear-gradient(#232323, #808080);
} .gradient_back_white:hover  {
  color: black;
  background: #454545;

  background: -webkit-linear-gradient(#ffffff, #454545);
  background:    -moz-linear-gradient(#ffffff, #454545);
  background:     -ms-linear-gradient(#ffffff, #454545);
  background:      -o-linear-gradient(#ffffff, #454545);
  background:         linear-gradient(#ffffff, #454545);
}
.gradient_back_dark             {
  color           :   white;
  background      :   #111111;

  background      :   -webkit-linear-gradient(#111111, #666666);
  background      :      -moz-linear-gradient(#111111, #666666);
  background      :       -ms-linear-gradient(#111111, #666666);
  background      :        -o-linear-gradient(#111111, #666666);
  background      :           linear-gradient(#111111, #666666);
} .gradient_back_dark:hover {
  color           :   white;
  background      :   #5b5b5b;

  background      :   -webkit-linear-gradient(#5b5b5b, #898989);
  background      :      -moz-linear-gradient(#5b5b5b, #898989);
  background      :       -ms-linear-gradient(#5b5b5b, #898989);
  background      :        -o-linear-gradient(#5b5b5b, #898989);
  background      :           linear-gradient(#5b5b5b, #898989);
}
.gradient_back_grey             {
  color: white;
  background: #767676;

  background: -webkit-linear-gradient(#434343, #767676);
  background:    -moz-linear-gradient(#434343, #767676);
  background:     -ms-linear-gradient(#434343, #767676);
  background:      -o-linear-gradient(#434343, #767676);
  background:         linear-gradient(#45a2a8, #45a2a8);
} .gradient_back_white:hover  {
  color: black;
  background: #454545;

  background: -webkit-linear-gradient(#ffffff, #454545);
  background:    -moz-linear-gradient(#ffffff, #454545);
  background:     -ms-linear-gradient(#ffffff, #454545);
  background:      -o-linear-gradient(#ffffff, #454545);
  background:         linear-gradient(#ffffff, #454545);
}

/* Icons */
.icon_16  {
  display         :   inline-block;
  margin          :   2px 5px;
  height          :   16px;
  width           :   16px;
  vertical-align  :   middle; 
}
.icon_24  {
  display         :   inline-block;
  margin          :   2px 5px;
  height          :   24px;
  width           :   24px;
  vertical-align  :   middle; 
}
.icon_32  {
  display         :   inline-block;
  margin          :   5px 10px;
  height          :   32px;
  width           :   32px;
  vertical-align  :   middle; 
}
.icon_48  {
  display         :   inline-block;
  margin          :   5px 10px;
  height          :   48px;
  width           :   48px;
  vertical-align  :   middle; 
}
.icon_64  {
  display         :   inline-block;
  margin          :   5px 10px;
  height          :   64px;
  width           :   64px;
  vertical-align  :   middle; 
}
.icon_80  {
  display         :   inline-block;
  margin          :   5px 10px;
  height          :   80px;
  width           :   80px;
  vertical-align  :   middle; 
}
.icon_96  {
  display         :   inline-block;
  margin          :   5px 10px;
  height          :   96px;
  width           :   96px;
  vertical-align  :   middle; 
}
.icon_112 {
  display         :   inline-block;
  margin          :   5px 10px;
  height          :   112px;
  width           :   112px;
  vertical-align  :   middle; 
}
.icon_128 {
  display         :   inline-block;
  margin          :   5px 10px;
  height          :   128px;
  width           :   128px;
  vertical-align  :   middle; 
}

.square_48  {
  height          :   48px;
  width           :   48px;
} .square_48 img {
  max-height      :   48px;
  max-width       :   48px;
}
.square_60  {
  height          :   60px;
  width           :   60px;
} .square_60 img {
  max-height      :   60px;
  max-width       :   60px;
}
.square_64  {
  height          :   64px;
  width           :   64px;
} .square_64 img {
  max-height      :   64px;
  max-width       :   64px;
}
.square_80  {
  height          :   80px;
  width           :   80px;
} .square_80 img {
  max-height      :   80px;
  max-width       :   80px;
}
.square_90  {
  height          :   90px;
  width           :   90px;
} .square_90 img {
  max-height      :   90px;
  max-width       :   90px;
}
.square_100 {
  height          :   100px;
  width           :   100px;
} .square_100 img {
  max-height      :   100px;
  max-width       :   100px;
}
.square_110 {
  height          :   110px;
  width           :   110px;
} .square_110 img {
  max-height      :   110px;
  max-width       :   110px;
}
.square_120 {
  height          :   120px;
  width           :   120px;
} .square_120 img {
  max-height      :   120px;
  max-width       :   120px;
}

.preview_32 {
  padding         : 1px;
  max-height      : 32px;
  max-width       : 16px;
}
.preview_48 {
  padding         : 2px;
  max-height      : 48px;
  max-width       : 32px;
}
.preview_60 {
  padding         : 2px;
  max-height      : 60px;
  max-width       : 48px;
}
.preview_100 {
  padding         : 3px;
  max-height      : 100px;
  min-width       : 50px;
}
.preview_150 {
  padding         : 5px;
  min-width       : 100px;
  max-height      : 150px;
  max-width       : 340px;
}
.preview_200 {
  padding         : 5px;
  max-height      : 200px;
  min-width       : 150px;
  max-width       : 340px;
}
.preview_250 {
  padding         : 5px;
  max-height      : 250px;
  min-width       : 200px;
  max-width       : 340px;
}
.preview_300 {
  padding         : 5px;
  max-height      : 300px;
  min-width       : 250px;
  max-width       : 340px;
}