/*****************************************************************
* Custom CSS Stylesheet. You can add any custom CSS selectors here after the comment line 
* They will be given the highest priority on any elements on the forum
* Customize your forum color scheme in one click: www.sitesplat.com/phpBB3/ 
* **************************************************************
*
* FLATBOOTS @SiteSplat.com - Custom CSS STYLESHEET - 
* 
* **************************************************************
*****************************************************************/
/* ===[ CSS HOOK TOP ]=== */
 
body {
    background: url("./images/simballBg.png") repeat fixed 0 0 #1e1e1e;
    color: #a9a9a9;
}

@media screen and (min-width: 1440px){
.container {
    width: 1440px;
 }
}

.navbar-inverse {
    border-color: #1e1e1e;
    background-color: #1e1e1e;
}

.navbar-brand{
	height: 90px;
	padding: 0px;
}

.navbar-nav {
    margin-top: 15px;
}

.navbar-nav.navbar-right:last-child {
    margin-top: 11px;
}

.navbar-nav-fancy>li:before{
	background: 0 0 #93bf1f;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #d6d218;
}

.table-primary tbody td {
    color: #e2e2e2;
    background: 0 0 #313131;
}

.table-primary tbody tr:nth-child(2n+1) td, .table-primary tbody tr:nth-child(2n+1) th {
    background: 0 0 #3e3e3e;
}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
    padding: 10px 8px;
    vertical-align: inherit;
    border-top: 3px solid #000;
}

table .stats-col {
    background-color: #505050!important;
}

a.forumtitle, a.topictitle {
    font-size: 1.12em;
}

a:hover, a:focus {
    color: #95c711;
}

.table-hover>tbody>tr:hover, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: #4e4e4e;
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
    background-color: #4e4e4e;
    color: #e0e0e0;
}

.table-hover>tbody>tr>td a.lastsubject:hover, .table-hover>tbody>tr>th a.lastsubject:hover {
    color: #b4ef19;
}

.table-hover>tbody>tr:hover>td .lastsubject, .table-hover>tbody>tr:hover>th .lastsubject {
    color: #93bf1f;
}

.table>thead>tr>th {
    background: #546d11;
}

.breadcrumb {
    background: rgb(74, 74, 74);
}

.panel {
	background-color: #333333;
	border: none;
}

.panel-heading {
    border-color: #353535;
}

.panel-post {
	background-color: #fff!important;
}

.panel-post .panel-bottom {
    background-color: #93bf1f;
}

.panel-post h6, .panel-post h6>a {
    font-size: 14px;
    max-height: 30px;
}

.section-page {
    background-color: #627F15;
}

.pagination>li>a{
    background-color: #D6D218;
    color: #1f1f1f;
    border: 2px solid #CCB617;
}

.pagination>li>a:hover {
    background-color: #CCB617;
    border-color: #CCB617;
}

.pagination>.active>a{
	background-color: #d6d218;
	border-color: #CCB617;
	color: #000;
}

.pagination>.active>a:hover{
	background-color: #CCB617;
	border-color: #CCB617;
	color: #000;
}

.btn{
	color: #fff;
	font-size: 16px;
}

.btn-default {
    background-color: #93BF1F;
}

.btn-primary:hover {
    background-color: #d6d218!important;
}

.btn-callaction{
	background-color: #D6D218;
}

.btn-callaction:hover{
	background-color: #fff;
}


.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
    border-color: #D6D218;
    background-color: #D6D218;
}

.blog-meta {
    background: 0 0 #353535;
}

.mastbottom {
    background: url(./images/Maxwell-logo-BG.png) fixed 100% 100% #ee836e;
}

.well {
    border: none;
    background-color: #444;
}

.form-control{
	background-color: #353535;
	border: 1px solid #4a4a4a;
	color: #eaeaea;
	font-size: 15px;
}

.form-actions{
	border: none;
	background-color: #4a4a4a;
}

.control-label {
    color: #93bf1f;
}

.nav-tabs {
    background: 0 0 #101010;
}

.help-block{
	color: #a9a9a9;
}

.postbody .content{
	color: #d8d8d8;
	font-size: 1.13em;
}

.section-pre-footer {
    background: 0 0 #383838;
}


.section-pre-footer .section-bg {
    background-color: #4a4a4a;
}

.section-pre-footer p {
    color: #93bf1f;
}

.section-pre-footer .thumb {
    width: 100px;
}

.section-pre-footer .thumb i {
    font-size: 44px;
    color: #00aced;
}

.burned-asphalt {
    background-color: #1f1f1f;
}

.usefullinks{
	list-style: none;
	font-size: 1.2em;
}

.usefullinks li:before{
	content: "\f105";
	font-family: FontAwesome;
  	display: inline-block;
  	padding-right: 5px;
}

.youtube-color{
	background-color: #ff0000;
}

.linkedin-color{
	background-color: #0077B5;
}

.icon-wrapper{
	width: 35px;
	background-color: #e4e9eb00;
}

.row-icon-font{
	height: 35px;
}

.icon-moon-default.forum-unread {
    background: url("images/forum_unread.png") no-repeat;
}

.icon-moon-default.forum-read {
    background: url("images/forum_read.png") no-repeat;
}

.forum-read-locked {
    background: url("images/forum_read_locked.png") no-repeat;
}

.forum-unread-locked {
    background: url("images/forum_unread_locked.png") no-repeat;
}

.forum-unread {
    background: url("images/forum_unread.png") no-repeat;
}

.forum-read {
    background: url("images/forum_read.png") no-repeat;
}

.forum-unread-subforum {
    background: url("images/forum_unread_subforum.png") no-repeat;
}

.forum-read-subforum {
    background: url("images/forum_read_subforum.png") no-repeat;
}

.announce-unread-locked {
    background: url("images/announce_unread_locked.png") no-repeat;
}

.announce-read-locked {
    background: url("images/announce_read_locked.png") no-repeat;
}

.announce-unread {
    background: url("images/announce_unread.png") no-repeat;
}

.announce-read {
    background: url("images/announce_read.png") no-repeat;
}

.sticky-unread-locked {
    background: url("images/sticky_unread_locked.png") no-repeat;
}

.sticky-read-locked {
    background: url("images/sticky_read_locked.png") no-repeat;
}

.sticky-unread {
    background: url("images/sticky_unread.png") no-repeat;
}

.sticky-read {
    background: url("images/sticky_read.png") no-repeat;
}


.topic-unread-hot {
    background: url("images/topic_unread_hot.png") no-repeat;
}

.topic-read-hot {
    background: url("images/hot_read_hot.png") no-repeat;
}



.topic-unread-locked {
    background: url("images/topic_unread_locked.png") no-repeat;
}

.topic-read-locked {
    background: url("images/topic_read_locked.png") no-repeat;
}

.topic-unread {
    background: url("images/topic_unread.png") no-repeat;
}

.topic-read {
    background: url("images/topic_read.png") no-repeat;
}


.icon-moon-voice2 {
    background: url("images/announce_unread.png") no-repeat;
}

.icon-moon-pushpin2.forum-read{
    background: url("images/sticky_read.png") no-repeat;
}

.icon-moon-pushpin2.forum-unread{
    background: url("images/sticky_unread.png") no-repeat;
}

.icon-moon-podcast2.forum-read{
    background: url("images/announce_read.png") no-repeat;
}

.icon-moon-podcast2.forum-unread{
    background: url("images/announce_unread.png") no-repeat;
}

.row-icon-font {
    height: 35px;
    margin-top: 10px;
}

.attachbox {
    border: 1px dashed #757575;
    background-color: #ffffff17;
}

/*.icon-moon-voice2.forum-read {
    background: url("images/simballAnnounceRead.png") no-repeat;
}

.icon-moon-voice2.forum-read {
    background: url("images/simballAnnounceRead.png") no-repeat;
}
*/

.desc-wrapper {
    padding: 4px 20px 0 44px;
}

.icon-moon-default:before {
    content: none;
}

.forum-unread {
    color: #93bf1f;
}

.panel-login {
    background: #484848;
    padding: 15px;
}

.panel-login .signin-text span {
    background: #93bf1f;
}

.panel-login .signin-text::before {
    background: #93bf1f;
}

.panel-login .signin-text {
    color: #fff;
}

h3 {
	color: #a7a7a7;
    border-bottom: 0px;
    font-size: 24px;
}

.dropdown-menu > li > a {

    font-size: 14px;
    color: #383838;
}

.dropdown-toggle.btn-default:hover{
	background-color: #D6D218!important;
}

.jumpbox-dropdown a:not(.jumpbox-lv) {
   color: #383838;
}

.panel-default > .panel-heading {

    background-color: #3b3b3b;
}

.post-id a {
    border-bottom: 0!important;
    font-size: 0.7em;
    color: #6b6b6b!important;
}

.panel-title{
	font-size: 14px;
}

.panel-post .panel-bottom {
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: -10px;
}

.panel-footer {
    border-top: none;
    background-color: #424141;
    padding: 15px 15px;
}

.counter {

    text-shadow: none;
}

.fa-imgur::before {
    color: #fff;
    content: "\f044";
}

.notification-block{
    color: #7b7b7b!important;
}

.notification-block:hover{
    color: #000!important;
}

.notification-content .icon-mark-read i {

    opacity: .25;
    filter: alpha(opacity=25);
}

.list-group-item{
	border: 1px solid #686868;
	background-color: #515151;
}

a.list-group-item, button.list-group-item {
    color: #d0d0d0;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #fff;
    background-color: #8d8d8d;
}

.notification-table-title {

    color: #93bf1f !important;
}

.framed-ucp{
	border: 1px solid #717171;
}

.mini-timeline > li .timeline-body {

    background-color: #3e3e3e;
}

.mini-timeline > li .timeline-body .timeline-content a.name {

    color: #93bf1f;
}

.nav-tabs a:hover{
	color: #000;
}

.content blockquote {

    background: 0 0 #484848;
    margin: 1em 0 2em;
    padding: .9em 2em .9em 2.5em;
    color: #8e8e8e;
}

.content blockquote cite, hr {
    color: #d6d218;
}

.btn{
	padding: 6px 12px;
}

.btn-sm{
    padding: 5px 7px;
}

.search-input-fullscreen {
    background-color: #8a8a8a;
}

.search-input-fullscreen .close {
    color: #1d1d1d;
}

.search-input-fullscreen form::after {
    color: #000;
}

.dropdown-notification > a i {
    color: #e3e3e3;
}

.btn-search > i {
    color: #e3e3e3;
}

a.btn-notification-read > i:before:hover{
    background-color: #999;
}

.text-muted{
    color: #a9a9a9;
}

td.active{
    background-color: #3e3e3e!important;
}

td.active:hover{
    background-color: #4e4e4e!important;
}

.codebox code{
    color: #fff;
}

.codebox {
    background-color: #616c6e;
    border: 1px solid #4b4b4b;
}

.postlink{
    color: #93bf1f!important;
}

.postlink:visited{
    color: #769620!important;
}

.postlink:hover{
    color: #aee619!important;
}

.ui-timeline .tl-item .tl-body .tl-content {
    background-color: #363636;
}

.text-warning {
    color: #c64530;
}

.text-success {
    color: #379939;
}

.ui-timeline .tl-item.alt .tl-body .tl-content::after {
    border-color: rgba(188, 46, 46, 0) rgba(215, 51, 51, 0) rgba(0,0,0,0) #363636;
}

.ui-timeline .tl-item .tl-body .tl-content::after{
   border-color: rgba(0,0,0,0) #363636 rgba(0,0,0,0) rgba(0,0,0,0);
}

.square-icon {
    border: 3px solid #838383;
    background: 0 0 #262626;
    box-shadow: 0 0 0 6px #5f5f5f;
}

.bg-info {
    font-weight: 700;
    color: #93bf1f;
    background-color: #262626;
}

.tagsinput span.tag {
    background: 0 0 #727272;
}

.separator:before {
    background: #525252;
}

.separator i {
    background: #fff0;
    color: #525252;
}

.side-segment h2:after, .side-segment h3:after {
    bottom: 0;
    display: block;
    width: 80px;
     height: 0px; 
    margin-bottom: -4px;
    content: "";
    background-color: #ee836e;
}

/*Colorizer CSS 
//////////
/////////
//////////
///////
////
*/

.logo span {
	color: #93bf1f;
}

.logo-transition a:after {
	color: #93bf1f;
}

.navBtn {
	background-color: #93bf1f;
}

.navBtn > a {
	border-left: 1px solid #607d14;
}

.submenu {
	border-bottom: 4px solid #93bf1f;
}

.nav-icon:hover [class*="has-sub"] {
	color: #93bf1f;
}

.submenu li:hover > a {
	color: #93bf1f;
}

.submenu li:hover > span {
	background-color: #93bf1f;
}

.subheader {
	border-top: 4px solid #93bf1f;
}

.side-segment h3:after,
.side-segment h2:after {
	background-color: #93bf1f;
}

.alert-info {
	background-color: #cc562f;
    border-color: #484848;
}

.label-info,
.badge-info {
	background-color: #93bf1f;
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
	background-color: #93bf1f;
}

#scrollbar-one .thumb .end,
#scrollbar-two .thumb .end {
	background-color: #93bf1f;
}

#scrollbar-one .thumb,
#scrollbar-two .thumb {
	background-color: #93bf1f;
}

.tabbable-custom .nav-tabs > li.active {
	border-top: 3px solid #93bf1f;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
	background: none repeat scroll 0 0 #93bf1f;
	border-left: 1px solid #607d14;
}

.ver-inline-menu li.active:after {
	border-left: 6px solid #93bf1f;
}

.ver-inline-menu li.active i {
	background: none repeat scroll 0 0 #a4d523;
}

.table-primary thead th {
	background-color: #93bf1f;
	border-color: #93bf1f !important;
}

.twitter-layout:before {
	color: #93bf1f;
}

footer .interact a:hover {
	color: #93bf1f;
}

footer {
	border-top: 3px solid #93bf1f;
}

footer .bottomLinks small a {
	color: #93bf1f;
}

footer .bottomLinks a:hover {
	border-bottom: 1px solid #93bf1f;
}

#footerContent blockquote p span {
	color: #93bf1f;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
	background-color: #93bf1f;
	border-color: #93bf1f;
}

.btn-link {
	color: #93bf1f;
}

.btn-link:hover,
.btn-link:focus {
	color: #607d14;
}

.pager li > a:hover,
.pager li > a:focus {
	background-color: #618404;
    color: #fff!important;
}

.btn:hover{
    color: #fff;
}

.btn-bordered {
    border: 0px;
}

.btn-bordered:hover {
    color: #000;
}

.btn-xs:hover{
    color: #D6D218;
}

.btn-notification {
    background-color: #d6d218;
}

.btn-notification:hover{
    background-color: #efea13;
}


/* BBOOTS - FLATBOOTS Main Links color */
a {
	color: #93bf1f;
}

/*a:link{
    color: #fff;
}*/

.last-wrapper > a:link{
    color: #93bf1f;
}

a:hover,
a:focus {
	color: #b4ef19;
}

a.forumtitle {
    color: #93bf1f;
}

a.forumtitle:hover, a.topictitle:hover {
    text-decoration: none;
    color: #b4ef19;
}

a.topictitle{
    color: #93bf1f;
}

.breadcrumb .icon {
    color: #fff;
}

.breadcrumb .icon:hover {
    color: #aae412;
}

.breadcrumb li:first-child a {
    background: #7b7b7b;
}

.breadcrumb li:last-child a {
    color: #e8e8e8;
}


blockquote {
	border-left-color: #93bf1f;
}

blockquote.pull-right {
	border-right-color: #93bf1f;
}

.btn-primary {
	color: #ffffff;
	background-color: #93bf1f;
	border: 0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	color: #ffffff;
	background-color: #555555;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
	color: #93bf1f;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #93bf1f;
}

.dropdown-submenu:hover > a:after {
	border-left-color: #93bf1f;
}
/* Button Backgrounds */
/* FLATBOOTS Custom Color Generated with COLORIZE */
/* FLATBOOTS Forum Panel Heading */
.panel-forum > .panel-heading {
	background-color: #93bf1f;
}
/* FLATBOOTS Button Top */
.top-flat {
	background-color: #93bf1f;
}

footer {
	border-top: medium none;
}
/* FLATBOOTS Teaser Header Background color */
.masthead:before {
	background-color: #93bf1f;
}
/* FLATBOOTS Footer Call to Action Background Color */
.mastbottom {
	background-color: #93bf1f;
}

.pager li>a, .pager li>span {
    background-color: #93bf1f;
    border: 1px solid #d8d8d8;
}

#topicreview h3, .section-mcp h3, .section-posting h3, .section-ucp h3 {
    font-size: 20px;
    border-bottom: 0px;
}


/*Checkboxes added from docs custom CSS file of FLATBOOTS
Used to colorize the checkbox icons etc.*/

/*****************************************************************
 * Custom CSS Stylesheet. You can add any custom CSS selectors here after the comment line. 
 * They will be given the highest priority on any elements on the forum
 * Personilize your forum color scheme in one click here: www.sitesplat.com/phpBB3/ 
 * **************************************************************
 *
 * FLATBOOTS @SiteSplat.com - Custom CSS STYLESHEET - 
 * 
 * **************************************************************
 *****************************************************************/

.icheckbox_flat-red,
.icheckbox_flat-green,
.icheckbox_flat-blue,
.icheckbox_flat-grey,
.icheckbox_flat-orange,
.icheckbox_flat-yellow,
.icheckbox_flat-pink,
.icheckbox_flat-purple {
    margin-left: 2px !important;
}

.iradio_flat-red, 
.iradio_flat-green,
.iradio_flat-blue,
.iradio_flat-grey,
.iradio_flat-orange,
.iradio_flat-yellow,
.iradio_flat-pink,
.iradio_flat-purple {
    margin-left: 4px !important;
}

.panel-login .icheckbox_flat-red, 
.panel-login .icheckbox_flat-green, 
.panel-login .icheckbox_flat-blue, 
.panel-login .icheckbox_flat-grey, 
.panel-login .icheckbox_flat-orange, 
.panel-login .icheckbox_flat-yellow, 
.panel-login .icheckbox_flat-pink, 
.panel-login .icheckbox_flat-purple {
    margin-right: 2px !important;
}

#options-panel-below .icheckbox_flat-red, 
#options-panel-below .icheckbox_flat-green,
#options-panel-below .icheckbox_flat-blue,
#options-panel-below .icheckbox_flat-grey,
#options-panel-below .icheckbox_flat-orange,
#options-panel-below .icheckbox_flat-yellow,
#options-panel-below .icheckbox_flat-pink,
#options-panel-below .icheckbox_flat-purple {
    float: left;
}
 
/* iCheck plugin Flat skin
----------------------------------- */
.icheckbox_flat,
.iradio_flat {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
	background: url("./images/flat.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat {
    background-position: 0 0;
}
    .icheckbox_flat.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat {
    background-position: -88px 0;
}
    .iradio_flat.checked {
        background-position: -110px 0;
    }
    .iradio_flat.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat,
    .iradio_flat {
		background-image: url("./images/flat@2x.png");
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* red */
.icheckbox_flat-red,
.iradio_flat-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
	background: url("./images/red.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-red {
    background-position: 0 0;
}
    .icheckbox_flat-red.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-red.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-red.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-red {
    background-position: -88px 0;
}
    .iradio_flat-red.checked {
        background-position: -110px 0;
    }
    .iradio_flat-red.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-red.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-red,
    .iradio_flat-red {
		background-image: url("./images/red@2x.png");
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* green */
.icheckbox_flat-green,
.iradio_flat-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
	background: url("./images/green.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-green {
    background-position: 0 0;
}
    .icheckbox_flat-green.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-green.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-green.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-green {
    background-position: -88px 0;
}
    .iradio_flat-green.checked {
        background-position: -110px 0;
    }
    .iradio_flat-green.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-green.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-green,
    .iradio_flat-green {
		background-image: url("./images/green@2x.png");
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* blue */
.icheckbox_flat-blue,
.iradio_flat-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
	background: url("./images/blue.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-blue {
    background-position: 0 0;
}
    .icheckbox_flat-blue.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-blue.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-blue.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-blue {
    background-position: -88px 0;
}
    .iradio_flat-blue.checked {
        background-position: -110px 0;
    }
    .iradio_flat-blue.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-blue.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-blue,
    .iradio_flat-blue {
		background-image: url("./images/blue@2x.png");
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* aero */
/*  alreadu inlcuded in flatboots */
/* aero */

/* grey */
.icheckbox_flat-grey,
.iradio_flat-grey {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
	background: url("./images/grey.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-grey {
    background-position: 0 0;
}
    .icheckbox_flat-grey.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-grey.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-grey.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-grey {
    background-position: -88px 0;
}
    .iradio_flat-grey.checked {
        background-position: -110px 0;
    }
    .iradio_flat-grey.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-grey.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-grey,
    .iradio_flat-grey {
		background-image: url("./images/grey@2x.png");
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* orange */
.icheckbox_flat-orange,
.iradio_flat-orange {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
	background: url("./images/orange.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-orange {
    background-position: 0 0;
}
    .icheckbox_flat-orange.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-orange.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-orange.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-orange {
    background-position: -88px 0;
}
    .iradio_flat-orange.checked {
        background-position: -110px 0;
    }
    .iradio_flat-orange.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-orange.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-orange,
    .iradio_flat-orange {
		background-image: url("./images/orange@2x.png");
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* yellow */
.icheckbox_flat-yellow,
.iradio_flat-yellow {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
	background: url("./images/yellow.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-yellow {
    background-position: 0 0;
}
    .icheckbox_flat-yellow.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-yellow.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-yellow.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-yellow {
    background-position: -88px 0;
}
    .iradio_flat-yellow.checked {
        background-position: -110px 0;
    }
    .iradio_flat-yellow.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-yellow.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-yellow,
    .iradio_flat-yellow {
		background-image: url("./images/yellow@2x.png");
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* pink */
.icheckbox_flat-pink,
.iradio_flat-pink {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
	background: url("./images/pink.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-pink {
    background-position: 0 0;
}
    .icheckbox_flat-pink.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-pink.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-pink.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-pink {
    background-position: -88px 0;
}
    .iradio_flat-pink.checked {
        background-position: -110px 0;
    }
    .iradio_flat-pink.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-pink.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-pink,
    .iradio_flat-pink {
		background-image: url("./images/pink@2x.png");
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* purple */
.icheckbox_flat-purple,
.iradio_flat-purple {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
	background: url("./images/purple.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-purple {
    background-position: 0 0;
}
    .icheckbox_flat-purple.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-purple.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-purple.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-purple {
    background-position: -88px 0;
}
    .iradio_flat-purple.checked {
        background-position: -110px 0;
    }
    .iradio_flat-purple.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-purple.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-purple,
    .iradio_flat-purple {
		background-image: url("./images/purple@2x.png");
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* ===[ CSS HOOK BOTTOM ]=== */