/*
NOTES on font awesome icons: when using in lists with links (a tags inside li tags) where the a tag requires it to be set
 to block or inline-block (ie: in a menu). Instead use the position absolute version or use standard list style with li set to a different color than the a.

161110: added .sbcnt versions
*/

/** ---------- LISTS ---------- **/


/* RESET */
ol, ul {
list-style: none;
}
ul, ol {
margin-left: 0;
padding-left: 0px;
}
/* TESTING */
/*.maincnt ul, .maincnt ol {
margin-top: 20px;
border:  1px solid  #000000;
}*/

/*----------------------------------------------------------------------
 STYLE
 ------------------------------------------------------------------------*/
.maincnt ul, .maincnt ol {
margin-left: 20px; /* this must be same as in listgrid (grid.css) */
}

.cnt ul, .cnt ol {
margin-left: 0px;
padding-left: 28px;
}

.callbox ul, .callbox ol, .sbcnt ul, .sbcnt ol {
padding-left: 28px;
}
 /* ORDERED LIST */
.cnt ol {
list-style: decimal;
}
/* nested */

.cnt ol ol {
list-style: lower-alpha;
}

 /* UNORDERED LIST */
.cnt ul {
list-style: disc;
}
/* nested */
.cnt ul ul {
list-style: circle;
}

/* ---------------------------------------------------- */

/* CHECK */
.maincnt ul.check, .sbcnt ul.check {
list-style: none;
padding-left: 37px;
}
.maincnt ul.check li:before, .sbcnt ul.check li:before {
content: "\f00c";
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
text-decoration: none;
display: inline-block;
/*--adjust as necessary--*/
font-size: .95em;
width: 1.3em;/* this sets the space between icon and text */
margin-left: -22px;/* line up second line with first line */
color: #000000;
}

/* DOT */
.maincnt ul.dot {
list-style: none;
padding-left: 28px;
}
.maincnt ul.dot li:before {
content: "\f111";
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
text-decoration: none;
display: inline-block;
/*--adjust as necessary--*/
font-size: .4em;
width: 12px; /* this sets the space between icon and text */
margin-left: -14px; /* line up second line with first line */
vertical-align: middle;
color: #000000;
}

/* SQUARE */
.maincnt ul.square, .sbcnt ul.square {
list-style: none;
padding-left: 35px;
}
.maincnt ul.square li:before, .sbcnt ul.square li:before {
content: "\f04d";
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
text-decoration: none;
display: inline-block;
/*--adjust as necessary--*/
font-size: .5em;
width: 15px; /* this sets the space between icon and text */
margin-left: -24px; /* line up second line with first line */
vertical-align: middle;
color: #000000;
}

/* ARROW */
.maincnt ul.arrow {
list-style: none;
padding-left: 30px;
}
.maincnt ul.arrow li:before {
content: "\f061";
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
text-decoration: none;
display: inline-block;
/*--adjust as necessary--*/
font-size: .8em;
width: 17px;
margin-left: -19px;
vertical-align: middle;
color: #000000;
}
/* REMOVE ICON FROM NESTED LIST */
.maincnt ul.arrow ul li:before, .maincnt ul.square ul li:before, .maincnt ul.dot ul li:before {
content: "";
}