/*
 * @package Mooncake CSS Framework
 * @subpackage base.css
 *
 * @author P1RATE
 * @link reaperblind@gmail.com
 *
 * @date 22/07/2011
 * @lastmodified 25/07/2011
 */

/*
 * @section reset
 */

@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}

body {line-height:1;}

ol, ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}

table {border-collapse:collapse; border-spacing:0;}

/*
 * @section font-face
 * @link: http://www.fontsquirrel.com/fontface/generator
 */

/*
@font-face {
    font-family:'ArialNarrow';
    src:url('font/arialn-webfont.eot');
    src:url('font/arialn-webfont.eot?#iefix') format('eot'),
            url('font/arialn-webfont.woff') format('woff'),
            url('font/arialn-webfont.ttf') format('truetype'),
            url('font/arialn-webfont.svg#webfontHmpk3Owb') format('svg');
    font-weight:normal;
    font-style:normal;
} */

/*
 * @section typography
 */

html {overflow-y:scroll;}

body {font:12px/14px Tahoma, Arial, Verdana; direction:ltr; color:#111; text-align:justify; background:#dbd6a3;}

a {color:#008B8B; text-decoration:underline; outline:0;}
a:hover {text-decoration:none; color:#a71c1c;}
/* a:visited {color:#900060;} */

p, ul, ol, dl, table {padding-bottom:0.5em;}
p {padding-bottom:10px;}

sub, sup {font-size:75%; position:relative;}
sub {top:0.5em;}
sup {top:-0.5em;}

big {font-size:125%; line-height:80%;}
small {font-size:75%;}

code, pre, kbd, plaintext, samp, tt, xmp {font-family:"Courier New", monospace;}

hr {background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:1px; margin:0; border:none;}

i, em, cite, address {font-style:italic;}
u, ins, var {text-decoration:underline;}
b, dfn, strong, dt {font-weight:bold;}
s, del, strike {text-decoration:line-through;}

abbr, acronym {cursor:help; border-bottom:1px dashed #000;}

blockquote, q {quotes:"\201d" "\201c"; font-style:italic;}
blockquote:before, q:before {content:"\201d";}
blockquote:after, q:after {content:"\201c";}
blockquote:before, q:before, blockquote:after, q:after {font-size:1.5em; color:#000;}

h1, h2, h3, h4, h5, h6 {color:#111; font-weight:normal; padding-bottom:0.5em; line-height:100%; text-align:left;}
h1 {font-size:1.6em; padding-bottom:20px; font-weight:bold;}
h2 {font-size:1.5em;}
h3 {font-size:1.4em;}
h4 {font-size:1.3em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}

ul {list-style:disc;}
ol {list-style:decimal;}
ul li {margin-left:2em;}
ol li {margin-left:2.1em;}
ul ul {list-style:square;}
ol ol {list-style:lower-alpha;}
ol li,
ul li {vertical-align:bottom;}
dd {margin-left:2em;}

img {vertical-align:top; -ms-interpolation-mode:bicubic; max-width:100%;}

/*
 * @section tables
 */

table, tr, td, th {border:1px solid #ccc;}
td, th {padding:5px; text-align:left; vertical-align:middle;}
th {background:#F8F7F2;}
caption {text-align:center; font-weight:bold; padding-bottom:0.5em;}

/*
 * @section frames
 */

frame, frameset {padding:0; margin:0; border:0;}

/*
 * @section forms
 */

form {}

label {vertical-align:middle; line-height:13px;}
legend {padding:0 5px;}
fieldset {border:1px solid #ccc; padding:5px;}

input,
button {vertical-align:middle; *overflow:visible;}

input,
button,
textarea,
select,
option {font:11px/13px Arial; margin:0; padding:0; outline:none;}

input::-moz-focus-inner,
button::-moz-focus-inner,
textarea::-moz-focus-inner {border:0; padding:0;}

textarea,
input[type="text"],
input[type="password"] {background:#fff; border:1px solid #ccc; padding:6px; width:300px; qcolor:#ccc; color:#000;}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {border-color:#a92727; color:#000;}

textarea {overflow:auto; vertical-align:top;}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {width:auto; cursor:pointer; padding: 2px 15px; background: #a8e0e2;}
button.ui-datepicker-trigger {border:0px; background: transparent;}


select {border:1px solid #ccc; padding:5px;}
option {border:0;}

input[type="radio"],
input[type="checkbox"] {//width:12px; box-sizing:border-box;}

/*
 * @section misc
 */

.clear {width:0; height:0; clear:both; font-size:0; overflow:hidden;}
.clear:after {content:''; content:none;}

.nb,
.nb td,
.nb tr,
.nb th {border:0;}

.db {display:block;}
.dn {display:none;}
.di {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}

.fl {float:left;}
.fr {float:right;}
.fn {float:none !important;}

.pa {position:absolute;}
.pr {position:relative;}
.pf {position:fixed;}

.oh {overflow:hidden;}
.oa {overflow:auto;}
.os {overflow:scroll;}

.fwn {font-weight:normal;}
.fwb {font-weight:bold;}

.noul ul,
.noul li {padding:0; margin:0; list-style:none;}

.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}
.taj {text-align:justify;}

/*
 * @section colors
 */

.white {color:#fff;}
.black {color:#000;}
.red {color:#c43d48;}
.green {color:#326132;}
.soft {color:#888;}
.gray {color:#333;}
.dark {color:#666;}

/*
 * @section grid
 */

.w10 {width:10%;}
.w20 {width:20%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%;}

.w100p {width:100px;}
.w200p {width:200px;}
.w300p {width:300px;}
.w400p {width:400px;}
.w500p {width:500px;}
.w600p {width:600px;}
.w700p {width:700px;}
.w800p {width:800px;}
.w900p {width:900px;}
.w1000p {width:1000px;}

/*
 * @section pads
 */

.m0 {margin:0 !important;}
.m10 {margin:10px !important;}
.m20 {margin:20px !important;}
.m30 {margin:30px !important;}
.m40 {margin:40px !important;}
.m50 {margin:50px !important;}

.mt0 {margin-top:0 !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.mr0 {margin-right:0 !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0 !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.p0 {padding:0 !important;}
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.p40 {padding:40px !important;}
.p50 {padding:50px !important;}

.pt0 {padding-top:0 !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}

.pr0 {padding-right:0 !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}

.pb0 {padding-bottom:0 !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}

.pl0 {padding-left:0 !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}

.number-li{
    list-style-type: decimal;
}
.custom-li{
    list-style-type: none;
}

.custom-li:before {
    content: "✓";
}