/* CSS3 Progress bars by Josh Sullivan
   @jsullivandigs on Twitter
   josh@dipperstove.com */

.slidingDiv {
    padding:20px;
    margin-top:10px;
}
 
.show_hide {
    display:none;
}

.inner-two{
    height: 100%;
    width: 100%;
	background: #FFF;
    border: 1px solid #1a1a1a;
	border-radius: 50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
	padding: 5px;
    box-sizing: border-box;
}
.container {
    margin: 1%;
}

.bar_mortice {
  height: 20px;
  /*background: #777;*/
  -moz-box-shadow: inset 0px 0px 0px 0px #333, inset 0px -1px 1px 0px #d0d0d0, 0px 1px 1px 0px #f0f0f0;
  box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #d0d0d0, 0px 1px 0px 0px #f0f0f0;
  border: 7px solid #a0a0a0;
  position: relative;
}

.progress {
  height: 19px;
  background: #FFF;
  float: left;
  background: -moz-linear-gradient(top,  #fff 0%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
  background: -o-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
  background: -ms-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
  background: linear-gradient(top,  #fff 0%,#e5e5e5 100%);
  border-top: 1px solid #fff;
  border-bottom: 2px;
  /*border-bottom: 1px solid #999;*/
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  TINY
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.mortice_tiny {
  height: 11px;
  background: #a0a0a0;
  -moz-box-shadow: inset 0px 1px 2px 0px #333;
  box-shadow: inset 0px 1px 2px 0px #333;
  border-width: 3px;
}

.progress_tiny {
  height: 10px;
  border-bottom: none;
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  STYLES
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.rounded {
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.rounded .rounded {
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.rounded_tiny {
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.rounded_tiny .rounded_tiny {
  -moz-border-radius: 3px;
  border-radius: 3px;
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  COLORS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* GREEN */

.green {
  background: #af0;
  background: -moz-linear-gradient(top,  #af0 0%, #8c0 100%);
  background: -webkit-linear-gradient(top,  #af0 0%,#8c0 100%);
  background: -o-linear-gradient(top,  #af0 0%,#8c0 100%);
  background: -ms-linear-gradient(top,  #af0 0%,#8c0 100%);
  background: linear-gradient(top,  #af0 0%,#8c0 100%);
  border-top-color: #af0;
  border-bottom-color: #af0;
  /*border-top-color: #e8ffbb;
  border-bottom-color: #690;*/
}
.green_mortice {
  background: #460;
  border-color: #690;
  -moz-box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #8c0, 0px 1px 1px 0px #f0f0f0;
  box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #8c0, 0px 1px 0px 0px #f0f0f0;
}


/* ORANGE */

.orange {
  background: #fa0;
  background: -moz-linear-gradient(top,  #fa0 0%, #dd9300 100%);
  background: -webkit-linear-gradient(top,  #fa0 0%,#dd9300 100%);
  background: -o-linear-gradient(top,  #fa0 0%,#dd9300 100%);
  background: -ms-linear-gradient(top,  #fa0 0%,#dd9300 100%);
  background: linear-gradient(top,  #fa0 0%,#dd9300 100%);
  border-top-color: #fa0;
  border-bottom-color: #fa0;
  /*border-top-color: #ffd277;
  border-bottom-color: #960;*/
}
.orange_mortice {
  background: #640;
  border-color: #960;
  -moz-box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #c80, 0px 1px 1px 0px #f0f0f0;
  box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #c80, 0px 1px 0px 0px #f0f0f0;
}


/* PINK */

.pink {
  background: #f0a;
  background: -moz-linear-gradient(top,  #f0a 0%, #dd0093 100%);
  background: -webkit-linear-gradient(top,  #f0a 0%,#dd0093 100%);
  background: -o-linear-gradient(top,  #f0a 0%,#dd0093 100%);
  background: -ms-linear-gradient(top,  #f0a 0%,#dd0093 100%);
  background: linear-gradient(top,  #f0a 0%,#dd0093 100%);
  border-top-color: #f6c;
  border-bottom-color: #906;
}
.pink_mortice {
  background: #604;
  border-color: #906;
  -moz-box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #c08, 0px 1px 1px 0px #f0f0f0;
  box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #c08, 0px 1px 0px 0px #f0f0f0;
}


/* PURPLE */

.purple {
  background: #a0f;
  background: -moz-linear-gradient(top,  #A0F 0%, #9300dd 100%);
  background: -webkit-linear-gradient(top,  #A0F 0%,#9300dd 100%);
  background: -o-linear-gradient(top,  #A0F 0%,#9300dd 100%);
  background: -ms-linear-gradient(top,  #A0F 0%,#9300dd 100%);
  background: linear-gradient(top,  #A0F 0%,#9300dd 100%);
  border-top-color: #c655ff;
  border-bottom-color: #5b0088;
}
.purple_mortice {
  background: #406;
  border-color: #609;
  -moz-box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #80c, 0px 1px 1px 0px #f0f0f0;
  box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #80c, 0px 1px 0px 0px #f0f0f0;
}


/* RED */

.red {
  background: #f40;
  background: -moz-linear-gradient(top,  #f40 0%, #dd0000 100%);
  background: -webkit-linear-gradient(top,  #f40 0%,#dd0000 100%);
  background: -o-linear-gradient(top,  #f40 0%,#dd0000 100%);
  background: -ms-linear-gradient(top,  #f40 0%,#dd0000 100%);
  background: linear-gradient(top,  #f40 0%,#dd0000 100%);
  border-top-color: #f40;
  border-bottom-color: #f40;
  /*border-top-color: #ff7728;
  border-bottom-color: #ff7768;*/
}
.red_mortice {
  background: #820;
  border-color: #C20;
  -moz-box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #c80, 0px 1px 1px 0px #f0f0f0;
  box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #c80, 0px 1px 0px 0px #f0f0f0;
}


/* BLUE */

.blue {
  background: #0af;
  background: -moz-linear-gradient(top,  #0af 0%, #0093dd 100%);
  background: -webkit-linear-gradient(top,  #0af 0%,#0093dd 100%);
  background: -o-linear-gradient(top,  #0af 0%,#0093dd 100%);
  background: -ms-linear-gradient(top,  #0af 0%,#0093dd 100%);
  background: linear-gradient(top,  #0af 0%,#0093dd 100%);
  border-top-color: #0af;
  border-bottom-color: #0af;
  /*border-top-color: #88d7ff;
  border-bottom-color: #069;*/
}
.blue_mortice {
  background: #046;
  border-color: #069;
  -moz-box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #08c, 0px 1px 1px 0px #f0f0f0;
  box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #08c, 0px 1px 0px 0px #f0f0f0;
}