/* CSS Style Reset (Alternate mini version of jquery.mobile-1.0.1.min.css for Codrops CSS3 UI Kit by Matt Gentile - IconDeposit.com) */

.ui-disabled{opacity:.46;}
.ui-disabled,.ui-disabled a{pointer-events:none;cursor:default;}
.ui-li-divider{cursor:default;}
.ui-li-has-alt .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-alt{padding-right:96px;}
.ui-li-has-count .ui-li-count{position:absolute;font-size:11px;font-weight:bold;padding:.2em .5em;top:50%;margin-top:-.9em;right:38px;}
.ui-li-divider .ui-li-count,.ui-li-static .ui-li-count{right:10px;}
.ui-li-has-alt .ui-li-count{right:55px;}
.ui-li-link-alt{position:absolute;width:40px;height:100%;border-width:0;border-left-width:1px;top:0;right:0;margin:0;padding:0;z-index:2;}
.ui-li-link-alt .ui-btn{overflow:hidden;position:absolute;right:8px;top:50%;margin:-11px 0 0 0;border-bottom-width:1px;z-index:-1;}
.ui-li-link-alt .ui-btn-inner{padding:0;height:100%;position:absolute;width:100%;top:0;left:0;}
.ui-li-link-alt .ui-btn .ui-icon{right:50%;margin-right:-9px;}
.ui-listview * .ui-btn-inner>.ui-btn>.ui-btn-inner{border-top:0;}
.ui-listview-filter{border-width:0;overflow:hidden;margin:-15px -15px 15px -15px;}
.ui-listview-filter .ui-input-search{margin:5px;width:auto;display:block;}
.ui-listview-filter-inset{margin:-15px -5px -15px -5px;background:transparent;}
.ui-li.ui-screen-hidden{display:none;}
label.ui-slider{font-size:16px;line-height:1.4;font-weight:normal;margin:0 0 .3em;display:block;}
input.ui-slider-input,.ui-field-contain input.ui-slider-input{display:inline-block;width:50px;}
select.ui-slider-switch{display: none;position: relative;top: 29px;left: 70px;-webkit-appearance: none;outline: none;border: none;background: none;color: #ee0000;}
div.ui-slider{position:relative;display:inline-block;overflow:visible;height:15px;padding:0;margin:0 2% 0 20px;top:4px;width:60%;}
div.ui-slider-switch{width:99.8%;}
a.ui-slider-handle{top: 0;}
a.ui-slider-handle .ui-btn-inner{padding-left:0;padding-right:0;}
.ui-field-contain label.ui-slider{vertical-align:top;display:inline-block;width:20%;margin:0 2% 0 0;}
.ui-field-contain div.ui-slider{width: 66px;outline: none;height: 11px;padding: 6px 1px 5px 1px;border-radius: 30px;background: url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/sprite1.png) -3px -88px;border: none;overflow: visible;}
div.ui-slider-switch{height:32px;overflow: visible;margin-left:0;}
div.ui-slider-inneroffset{margin-left: 47%;position: absolute;height: 24px;width: 44px;top: 0;}
a.ui-slider-handle-snapping{-webkit-transition: left 200ms ease;-moz-transition: left 200ms ease;}
div.ui-slider-labelbg{position:absolute;top:0;margin:0;border-width:0;overflow: hidden;}
div.ui-slider-switch div.ui-slider-labelbg-a{background: none; height: 20px; width: 20px; position: absolute; left: 75px; top: 1px;cursor: pointer;overflow: visible;}
div.ui-slider-switch div.ui-slider-labelbg-b{width: 20px;height: 20px;outline: none;background: none;position: absolute;display: block;left: 75px;top: 1px;cursor: pointer;overflow: visible;}
.ui-slider-switch-a div.ui-slider-labelbg-a,.ui-slider-switch-b div.ui-slider-labelbg-b{z-index:-1;}
.ui-slider-switch-a div.ui-slider-labelbg-b,.ui-slider-switch-b div.ui-slider-labelbg-a{z-index:0;overflow: hidden;}
div.ui-slider-switch a.ui-slider-handle{width: 21px;height: 27px;top: -1px;margin-left: -31px;outline: none !important;z-index: 10;border-top: none !important;display: block;position: absolute;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;text-indent: -9999px;-webkit-appearance: none !important;overflow: visible;}
span.ui-slider-label{}span.ui-slider-label-a{left:-100%;margin-right:-1px;}
span.ui-slider-label-b{right:-100%;margin-left:-1px;}
.ui-loader.ui-body-a.ui-corner-all {display: none;}
.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c {display: none;}
li {list-style: none;}
a {text-decoration: none;}

/* Start Base CSS */
html, body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; background: #bfbfbf;}

#search {width: 200px; position: relative; margin: 0 auto;display: block;}
.searchbox {width: 167px; float: left; display: block; position: relative; padding: 8px 7px 9px 29px; background: transparent url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/sprite1.png) -142px -5px no-repeat; border: none;font-weight: bold;font-size: 11px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; color: #aaa !important;}
.searchbox:focus {background-position: -189px -49px;}
#search-button {display: block; position: absolute; float: right; width: 16px; height: 16px; text-indent: -9999px; left: 10px; background: transparent url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/sb.png) 0 0 no-repeat; top: 9px;}

.checkboxes, .radios {position: relative; display: block; width: 145px; height: 40px; margin: 0;}
.checkbox, .radio {float: left; display: inline-block; position: relative; margin: 0px 7px; padding: 0px;}
.checkbox {background: transparent url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/sprite1.png) -6px -4px no-repeat; -webkit-appearance: none; width: 22px; height: 24px;overflow: visible; cursor: pointer;}
.checkbox:hover {background-position: -42px -4px;}
.checkbox:active {background-position: -82px -4px;}
.checkbox:checked::before {-webkit-appearance: none; content: ':)'; text-indent: -9999px; background: url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/ch-r-detail.png) top center no-repeat; width: 15px; height: 14px; top: 2px; left: 4px; position: absolute; display: block;}
.checkbox:checked:active::before {top: 3px;}
.radio {background: transparent url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/sprite1.png) -5px -33px no-repeat; -webkit-appearance: none; width: 22px; height: 24px;overflow: visible; cursor: pointer;}
.radio:hover {background-position: -42px -33px;}
.radio:active {background-position: -82px -33px;}
.radio:checked::before {-webkit-appearance: none; content: ':)'; text-indent: -9999px; background: url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/ch-r-detail.png) bottom center no-repeat; width: 15px; height: 14px; top: 4px; left: 4px; position: absolute; display: block;}
.radio:checked:active::before {top: 5px;}

div.ui-slider-switch div.ui-slider-labelbg-a::after {width: auto; height: auto; outline: none; position: absolute; display: block; left: 0; top: 4px; cursor: pointer; overflow: visible !important; content: 'On'; color: #4f901f;font-weight: bold;font-size: 11px;text-shadow: 0px 1px 1px rgba(255, 255, 255, .69);text-transform: uppercase;}
div.ui-slider-switch div.ui-slider-labelbg-b::after {width: auto; height: auto; outline: none; position: absolute; display: block; left: 0; top: 4px; cursor: pointer; overflow: visible !important; content: 'Off'; color: #c43939;font-weight: bold;font-size: 11px;text-shadow: 0px 1px 1px rgba(255, 255, 255, .69);text-transform: uppercase;}

div.ui-slider-switch a.ui-slider-handle::after {background: transparent url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/sprite1.png) -7px 276px  !important; z-index: 200;content: '0';width: 21px;height: 26px;display: block;position: absolute;top: 0;}
div.ui-slider-switch a.ui-slider-handle::before {content: ':)'; width: 21px; height: 29px; text-indent: -9999px; background: transparent url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/sl-sh.png) 0 0 no-repeat; display: block; position: absolute; overflow: visible; top: 8px; left: 1px; z-index: -2 !important; cursor: default;}

#buttons {display: block; position: relative; width: 100px; height: auto; margin: 0;float: right;top: -148px;right: 0;}
#circ {display: block; position: relative; width: 100px; height: auto; margin: 0;}
.circ-btn {position: relative; display: block; margin: 0 0 26px; text-decoration: none; font-weight: bold; font-size: 12px; color: #666; padding: 7px 0px 12px 0px;width: 100px;height: auto;text-align: center;background: url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/sprite1.png) -81px -68px; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); z-index: 90;}
.circ-btn:hover {background-position: -81px -126px; text-shadow: 0px 1px 0px rgba(255,255,255,1);}
.circ-btn:active {background-position: -81px -186px; padding: 8px 0px 11px 0px; text-shadow: 0px 1px 0px rgba(255,255,255,0.46);}
.circ-btn-sh {position: absolute; display: block; width: 95px; height: 54px; margin: 0; z-index: 1; background: url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/circ-sh.png) 0 0 no-repeat;margin-top: -47px;margin-left: 4px;}
#circ:active .circ-btn-sh {display: none;}

#ntpd {width: 280px; height: 352px; margin: 0 auto; position: relative; display: block; background: url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/ntpd.png) top center no-repeat; margin-top: -120px;}
.ntpd-head {position: relative; display: block; width: 200px; height: 28px; margin: 0 auto;text-align: center;top: 17px;}
.ntpd-head .title {font-size: 13px; color: #ececec; font-weight: bolder; text-shadow: 0px -1px 0px rgba(0, 0, 0, .75);}
.ntpd-head .add {position: absolute; display: block; left: 0; top: -4px; margin: 0; background: url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/sprite2.png) 0 1px no-repeat; text-indent: -9999px; width: 26px; height: 26px;}
.ntpd-head .add:active {background-position: -26px 1px;}
.ntpd-head .delete {position: absolute; display: block; right: 0; top: -4px; margin: 0; background: url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/sprite2.png) 0 -24px no-repeat; text-indent: -9999px; width: 26px; height: 26px;}
.ntpd-head .delete:active {background-position: -26px -24px;}
#ntpd #tasks {position: relative; display: block; width: 182px; height: 198px; overflow-y: scroll; margin: 0 auto; top: 24px; font-size: 11px; font-weight: bold;}
#tasks::-webkit-scrollbar {width:6px; height:6px; border: none; background: transparent;}
#tasks::-webkit-scrollbar-track-piece {border: none; position: absolute; padding: 0; box-shadow: none; background-color: rgba(0,0,0,0.07); border-radius: 30px;}
#tasks::-webkit-scrollbar-thumb:vertical {background-color: rgba(0,0,0,0.18); border-radius: 30px; border: none;}
#tasks::-webkit-scrollbar-thumb:horizontal {background-color: rgba(0,0,0,0.18); border-radius: 30px; border: none;}
.incomplete, .complete {padding: 0px 0px 11px 0px; display: block; position: relative; top: 10px; bottom: 2px; text-indent: -8px;}
.incomplete {color: #999;}
.incomplete::before {content: '✘'; display: block; position: absolute; text-indent: -9999px; width: 12px; height: 12px; left: -42px; top: -1px; background: url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/tick-cross.png) -0px -8px;}
.complete {color: #666;}
.complete::before {content: '✔'; display: block; position: absolute; text-indent: -9999px; width: 14px; height: 14px; left: -44px; top: -1px; background: url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/tick-cross.png) 3px -33px; overflow: visible;}
.ntpd-sh {position: relative; display: block; margin: 0; width: 185px; height: 83px; background: url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/ntpd-sh.png) 0 0 no-repeat; margin-left: 149px; margin-top: -82px; opacity: 1;}

.gd-view {display: block; position: relative; width: 150px; height: 160px; margin: 0; background: url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/gd-view.png) 0 0; margin-top: -208px; margin-left: -24px;}
.gd-sh {display: block; position: relative; width: 97px; height: 83px; margin: 0; background: url(http://icondeposit.wdfiles.com/local--files/code%3Aicon-deposit-css3-ui-kit/gd-sh.png) 0 0; margin-top: -35px; margin-left: 4px;}
.gd-a {
outline: none;
position: absolute;
display: block;
width: 80px;
height: 80px;
top: 27px;
left: 37px;
}
.grid-image {outline: none; display: inline-block; position: relative; margin: 0; padding: 0; border-radius: 3px; width: 80px; height: 80px; text-indent: -9999px; z-index: 10; top: -80px;}
.gd-a .shdw {outline: none; width: 80px; height: 80px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35), 0px 1px 0px #fff, 0px 1px 1px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35), 0px 1px 0px #fff, 0px 1px 1px rgba(255,255,255,0.5); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35), 0px 1px 0px #fff, 0px 1px 1px rgba(255,255,255,0.5); display: block; position: relative; background: transparent; border-radius: 3px; z-index: 101 !important; overflow: hidden; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;}
.gd-a .shdw:hover {box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0px 1px 0px #fff, 0px 1px 1px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0px 1px 0px #fff, 0px 1px 1px rgba(255,255,255,0.5); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0px 1px 0px #fff, 0px 1px 1px rgba(255,255,255,0.5); background-color: rgba(255,255,255,.69);}