﻿* { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { font: 12px Tahoma; color: #3c3c3c; }

body, table, div, td, th { line-height: 22px; }

.lh15 {
    line-height: 1.5;
}

.lh1 {
    line-height: 1;
}

.inline {display: inline;}
.inline-block {display: inline-block;}
.block {display: block;}

.ltr { direction: ltr; }
.rtl { direction: rtl; }

.right { float: right; }
.left { float: left; }
.clear { clear: both; }

.r5 { border-radius: 5px; -moz-border-radius: 5px; }
.r10 { border-radius: 10px; -moz-border-radius: 10px; }
.rt10 { border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; }

.sh1 { box-shadow: 0px 0px 2px 0px #ccc; border: 1px solid #ddd; }
.sh2 { box-shadow: 2px 2px 3px #ddd; border: 1px solid #d5d5d5; }
.sh3 { box-shadow: 0px 1px 2px #bbb; }
.sh4 { box-shadow: 0px 0px 6px #999; border: 2px solid #fff; }
.sh5 { box-shadow: 0px 1px 2px #ccc; border: 1px solid #ddd; }

.BGred { background-color: #bb1c1c; color: white; }
.BGblue { background-color: #446ea6; color: white; }
.BGyellow { background-color: #e2f632; color: black; }
.BGgreen { background-color: #59e431; color: white; }
.BGwhite { background-color: white; color: black; }
.BGblack { background-color: black; color: white; }

.red { color: #bb1c1c; }
.blue { color: #446ea6; }
.yellow { color: #e2f632; }
.green { color: #4ac128; }
.white { color: #fff; }
.purple {color: #b42d32;}
.gray {color: gray;}
.orang {color: #d27328;}
.black {color: black;}

.relative { position: relative; }
.absolute { position: absolute; }
.noborder { border: 0 none !important; }

.w100p {
    width: 100%;
}

.w30 { width: 30px; }
.w50 { width: 50px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w500 { width: 500px; }

.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h50 { height: 50px; }
.h70 { height: 70px; }
.h100 { height: 100px; }
.h150 { height: 150px; }
.h200 { height: 200px; }
.h300 { height: 300px; }

.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }

.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px;  }

.FSsmaller { font-size: smaller; }
.FSsmall { font-size: small; }
.FSmedium { font-size: medium; }
.FSlarge { font-size: large; }
.FSlarger { font-size: larger; }

.TAright { text-align: right; }
.TAleft { text-align: left; }
.TAcenter { text-align: center; }
.TAjustify { text-align: justify; }

.cursorDefault {
    cursor: default;
}

ul, ol, li { margin: 0; padding: 0; list-style: none; border-width: 0; }

input, select, Textarea, label { direction: rtl; font: 8pt Tahoma; }

input[type="text"],input[type="password"], textarea, select { border: 1px solid #d7d7d7; color: #828282; outline: medium none;  }

input[type="text"]:focus,input[type="password"]:focus, textarea:focus, select:focus { outline: medium none; border: 1px solid #00afc8; }


.alert {
    padding: 8px 14px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background-color: #FCF8E3;
    border:1px solid #F7E4C0;
    color: #B88733;
    text-align:justify;
    font-size:medium;
}

.alert-info {
    background-color: #D9EDF7;
    border-color: #9FC7E2;
    color: #3482A8;
}

.alert-success {
    background-color: #DFF0D8;
    border-color: #ADE298;
    color: #418542;
}

.alert-small {
    margin-bottom: 0;
    font-size: smaller;
}