body{
  background-color: #D2E2B1 !important;
}

#header {
  width: 840px;
  background-color: #ADADAD;
  background-image: url(../images/bg.jpg);
  background-repeat: no-repeat;
  background-position: center 0;
  margin: 0px 0px 20px 0px;
  height: 115px;
}

#header_g{
  width: 210px;
  background-color: #D2E2B1;
  background-image: url(../images/bg_g.jpg);
  background-repeat: no-repeat;
  background-position: center 0;
  margin: 0px 0px 20px 0px;
  height: 115px;
  cursor: pointer;
}

#header_d{
  width: 160px;
  background-color: #D2E2B1;
  background-image: url(../images/bg_d.jpg);
  background-repeat: no-repeat;
  background-position: center 0;
  margin: 0px 0px 20px 0px;
  height: 115px;
  cursor: pointer;
}

#header_sp_g {
  width: 100%;
  background-color: #ADADAD;
  background-image: url(../images/sp_g.jpg);
  background-repeat: repeat-x;
  margin: 0px 0px 20px 0px;
  height: 115px;
}

#header_sp_d {
  width: auto;
  background-color: #ADADAD;
  background-image: url(../images/sp_d.jpg);
  background-repeat: repeat-x;
  margin: 0px 0px 20px 0px;
  height: 115px;
}

#headmenu {
  padding-top: 95px;
}

#menu {
  margin-left: 5px;
  margin-top: 2px;
  background-color: #D9D9D9;
  border-top: solid 8px;
  border-left: solid 1px;
  border-right: solid 1px;
  border-bottom: solid 8px;
  border-color: #424242;
  min-height: 470px;
  font-size: 16px;
}

/*#menu img {
  position: absolute;
  bottom: 80px;
  left: 30px;
}    */


body {
  margin: 0px;
  background-color: #ADADAD;
  font-size: 13px;
}

#sousmenu {
  padding: 5px 0px 5px 0px;
  list-style-type: none;
  margin-top: 5px;
}

#sousmenu p {
  color: #FFFFFF;
  background-image: url(../images/menu_bg.jpg);
  background-repeat: no-repeat;
  /*background-color: #8C8C8C;*/
  text-align: left;
  font-variant: small-caps;
  font-weight: bold;
  margin: 5px 0px 5px 0px;
  width: 100%;
}

#sousmenu #sp {
  color: #FFFFFF;
  background-image: url(../images/bg-special.jpg);
  background-repeat: no-repeat;
  /*background-color: #8C8C8C;*/
  text-align: center;
  font-variant: small-caps;
  letter-spacing: 2px;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

#sp_a {
  text-decoration: none;
  color: #000000;
}

#sp_hr {
  padding: 0px;
  margin: 3px 0px 0px 0px;
}


#sp_a:hover {
  color: #FF243E;
}

#sousmenu div{
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
}

#sousmenu div a {
  text-decoration: none;
  color: #000000;
  display: block;
  padding: 0px 0px 0px 10px;
}

#sousmenu div a:hover {
  background-color: #424242;
  color: #FFFFFF !important;
}

#sousmenu .actif a, #sousmenu .actif {
  background-color: #424242;
  color: #FFFFFF;
}

#sousmenu .groupe a, #sousmenu .groupe {
  background-color: #FFFFFF;
  color: #424242;
  font-weight: bold;
}

.titrecorps {
	/*background-image: url(../images/bg_pied.jpg);
	background-repeat: repeat-x;    */
	height: 30px;
	color: #000000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    border-bottom: solid 4px #336666;
}

.titrecorps h1, .titrecorps h2, .titrecorps h3, .titrecorps h4 {
  padding: 0px 15px 0px 15px;
  margin: 0px;
}

.titrecorps a {
  text-decoration: none;
  font-size: 0.8em;
  /*color: #29447E;*/
}

.titrecorps a:hover {
  color: #1DCA85;
}

.titrecorps1 {
  background-image: url(../images/bg_pied.jpg);
  background-repeat: repeat-x;
  text-align: center;
  color: #FFFFFF;
}

.titrecorps2 {
  background-image: url(../images/bg-special.jpg);
  /*background-repeat: repeat-x;*/
  text-align: center;
  color: #FFFFFF;
}

.liens a {
  text-decoration: none;
  font-size: 0.8em;
  color: #29447E;
}

.liens a:hover {
  color: #009900;
}

.contenu {
  /*background-color: #fff;*/
  margin: 0px 10px 0px 10px;
  padding: 10px;
  min-height: 400px;
}

.contenuh1 {
  margin: 0px;
  padding: 0px;
}

.contenu legend{
  color: #009900;
  font-weight: bold;
}

.contenu fieldset{
  border-color: #009900;
}

.inputstyle {
  width: 90%;
}

.inputstyle_moyen {
  width: 50%;
  border: none;
  background-color: #F0F0F0;
  border-bottom:dashed 1px;
  font-weight:bold;
}

.inputsubmit {
  background-color:#000000;
  color:#fff;
  height: 30px;
  width: 100px;
  font-weight: bold;
}

.inputsubmit_large {
  background-color:#000000;
  color:#fff;
  height: 30px;
  width: 190px;
  font-weight: bold;
}

.inputsubmit:hover, .inputsubmit_large:hover {
  border-color:#CCFF99 #CCFF99 #CCFF99;
}

.nom_patient {
  color: #009900;
}

#special .atcd {
  color: #000000;
}

#special .atcd:hover {
  color: #29447E;
}

#compteur p {
  border: solid 1px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-color: #424242;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 2px;
  background-color: #646464;
  color: #FFFFFF;
  font-size: large;
}

#compteur p a {
  color: #FFFFFF;
}

#special {
  border: solid 1px;
  border-color: #990000;
}

#special p {
  background-image: url(../images/bg-special.jpg);
  background-repeat: repeat-x;
  width: 100%;
  margin: 0px;

  font-size: 1.2em;
  color: #FFFFFF;
}


#corps {
  border: solid 1px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-color: #000000;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 2px;
  background-color: #ECF2DE;
}

#corps h2 {
  margin: 0px;
}

#profiltop {
  background-image: url(../images/profil_top.gif);
  background-repeat: no-repeat;
  background-position: center 0;
  height: 54px;
}

#profiltop_g {
  background-image: url(../images/profil_top_g.gif);
  background-repeat: no-repeat;
  height: 54px;
}

#profiltop_c {
  background-image: url(../images/profil_top_c.gif);
  background-repeat: repeat-x;
  height: 54px;
}

#profiltop_d {
  background-image: url(../images/profil_top_d.gif);
  background-repeat: no-repeat;
  height: 54px;
}

#profiltop_c h1, #profiltop_c h2, #profiltop_c h3, #profiltop h1, #profiltop h2, #profiltop h3 {
  margin: 0px;
}

#profilcentre {
  background-image: url(../images/profil_center.gif);
  background-repeat: repeat-y;
  background-position: center 0;
}

#profilcentre_g {
  background-image: url(../images/profil_center_g.gif);
  background-repeat: repeat-y;
}

#profilcentre_c {
  background-image: url(../images/profil_center_c.gif);
  background-repeat: repeat;
}

#profilcentre_d {
  background-image: url(../images/profil_center_d.gif);
  background-repeat: repeat-y;
}

#profilend {
  background-image: url(../images/profil_end.gif);
  background-repeat: no-repeat;
  background-position: center 0;
  height: 11px;
}

#profilend_g {
  background-image: url(../images/profil_end_g.gif);
  background-repeat: no-repeat;
  height: 11px;
}

#profilend_c {
  background-image: url(../images/profil_end_c.gif);
  background-repeat: repeat-x;
  height: 11px;
}

#profilend_d {
  background-image: url(../images/profil_end_d.gif);
  background-repeat: no-repeat;
  height: 11px;
}

#id_zone {
  width: 50%;
}


.red {
  color: #C00000;
  font-weight: bold;
  font-size: 1.0em;
  padding-bottom: 5px;
}

.green {
  text-align: center;
  display: block;
  /*color: red;*/
  border: dashed 1px red;
  /*background-color: #FFCC99;*/
  padding: 5px 2px 5px 25px;
  font-size: 14px;
  font-family: Lucida Bright,tahoma,verdana,arial,sans-serif;
  background-color: #FFCC33;
  background-image: url(../images/information.png);
  background-repeat: no-repeat;
  background-position: center left;
  margin: 0 0 5px 0;
  font-weight: bold;
  color: #009900;/*
  color: #009900;
  font-weight: bold;
  font-size: 1.0em;
  padding-bottom: 5px;*/
}

.nogreen {
  display: none;
}

#pied {
  background-color: #929292;
  height: 20px;
  margin-top: 5px;
  color: #FFFFFF;
}

/**** CALENDAR PART ****/

.divCal {position:absolute;border:1px black solid;background:#ffffff;}
.divCal a{text-decoration:none; width:100%; }
.divCal table {font-size:12px;font-family:Tahoma;text-align:center;margin:0px;width:140px;}
.divCal td {margin : 0px;border:1px solid #FFFFFF;}
.divCal .zoneTitre {font-size:12px;font-family:Tahoma;text-align:center;margin:0px;background:black; color: white;}
.divCal .zoneNav {font-size:10px;font-family:Tahoma;text-align:center;margin:0px;cursor:pointer;}
.divCal .zoneMois {font-family:Tahoma;width:70px;margin:0px;}
.divCal .zoneAnnee {font-size:10px;font-weight:bold;text-align:right;margin:0px;width:100%;}
.divCal .nSemaine {font-family:Tahoma;width:30px;margin:0px;color:#29447E;}
.divCal div{ margin : 0px;}

.divCal .tdx {color:#F0F0F0;} /*par defaut*/
.divCal .tdx .enWeekend {background:#C0C0C0;}
.divCal .tdx .enFeriee {background:#C0C0C0;}
.divCal .tdx .enMois {color:black;font-weight:bold;}
.divCal .tdx .aujourdhui {border:2px solid red;}

.divCal .tdxNow {color:black;font-weight:bold;}
.divCal .tdxNow:hover {background:lightblue;}

.divCal .tdx:hover {background:lightblue;}
.divCal .tdx:hover .enWeekend {background:#29447E;}
.divCal .tdx:hover .enMois {color:black;font-weight:bold;background:lightblue;} /*pour firefox */

/*** End acces ***/

img, div, a, input {
  behavior: url(iepngfix.htc);
}

a img {
  border: none;
}
ul#saturday{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:30px;text-transform:uppercase;font-size:12px;font-weight:bold;/*background:transparent url("../images/bgOFF.gif") repeat-x top left;*/font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #336666;border-top:1px solid #C0E2D4;}
ul#saturday li{display:block;float:left;margin:0;pading:0;}
ul#saturday li a{display:block;float:left;color:#874B46;text-decoration:none;padding:12px 10px 0 12px;height:22px;background:transparent url("../images/bgDIVIDER.gif") no-repeat top right;}
ul#saturday li a:hover{background:transparent url("../images/bgON.gif") no-repeat top right; color:#FFFF91;}
ul#saturday li a.current,ul#saturday li a.current:hover{color:#FFFF91;background:transparent url("../images/bgON.gif") no-repeat top right;}

#zone_list {
	height:500px;
	width:auto;
	z-index:1;
	overflow: scroll;
}

#zone_list_2 {
	height:450px;
	width:auto;
	z-index:1;
	overflow: scroll;
}

.l_float {
  float: left;
}

.r_float {
  float: right;
}

.clear {
  clear: both;
}

.h0 {
  height: 0px;
}

.simple {
  text-decoration: none;
  color: white;
}

.simple:hover {
  text-decoration: underline;
}

button[disabled], INPUT[type = 'reset'][disabled], INPUT[type = 'submit'][disabled]:hover, INPUT[type = 'reset'][disabled]:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  background: -moz-linear-gradient(top, #fafafa 40%, #e5e5e5 100%);
  border-color: #aaa;
  color: #888;
}

a.button {
  text-decoration: none;
  font-size: inherit;
  font-size:14px;
  font-family: Lucida Bright, Tahoma;
  padding: 7px 10px 6px 10px !important;
}
a.button, INPUT[type = 'submit'], INPUT[type = 'reset'] {
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  -moz-border-radius: 2px;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-user-select: none;
  background: -moz-linear-gradient(top, #fafafa 40%, #e5e5e5 100%);
  border: 1px solid #aaa;
  color: #444;
  font-size: inherit;
  margin-bottom: 0px;
  min-width: 4em;
  padding: 3px 12px 3px 12px;
}

a.button:hover, INPUT[type = 'submit']:hover, INPUT[type = 'reset']:hover {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
  background: #ebebeb -moz-linear-gradient(top, #fefefe 40%, #e9e9e9 100%);
  border-color: #999;
  color: #222;
}

a.button:active, INPUT[type = 'submit']:active, INPUT[type = 'reset']:active {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
  background: #ebebeb -moz-linear-gradient(top, #f4f4f4 40%, #dcdcdc 100%);
  color: #333;
}

/** New style **/
#cpanel, #cpanel_larg {
  margin:0;
  padding:0;
}

#cpanel div.icon, #cpanel_larg div.icon {
	text-align: center;
	margin-right: 8px;
	float: left;
	margin-bottom: 25px;
    padding: 0px 5px;
}

#cpanel div.icon a {
	background-color: #fff;
	background-position: -30px;
	display: block;
	float: left;
	height: 60px;
	width: 85px;
	color: #565656;
	vertical-align: middle;
	text-decoration: none;
	border: 1px solid #CCC;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition-property:
		background-position,
		-webkit-border-bottom-left-radius,
		-webkit-box-shadow;
	-moz-transition-property:
		background-position,
		-moz-border-radius-bottomleft,
		-moz-box-shadow;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
}

#cpanel_larg div.icon a {
	background-color: #fff;
	background-position: -30px;
	display: block;
	float: left;
	height: 120px;
	width: 120px;
	color: #565656;
	vertical-align: middle;
	text-decoration: none;
	border: 1px solid #CCC;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition-property:
		background-position,
		-webkit-border-bottom-left-radius,
		-webkit-box-shadow;
	-moz-transition-property:
		background-position,
		-moz-border-radius-bottomleft,
		-moz-box-shadow;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
}

#cpanel div.icon a:hover, #cpanel_larg div.icon a:hover,
#cpanel div.icon a:focus, #cpanel_larg div.icon a:focus,
#cpanel div.icon a:active, #cpanel_larg div.icon a:active {
	background-position: 0;
	-webkit-border-bottom-left-radius: 50% 20px;
	-moz-border-radius-bottomleft: 50% 20px;
	border-bottom-left-radius: 50% 20px;
	-webkit-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 10;
}

#cpanel img, #cpanel_larg img {
	padding: 1px 0 2px 0;
	margin: 0 auto;
    width: 40px;
    height: 30px;
}

#cpanel span, #cpanel_larg span {
	display: block;
	text-align: center;
    width: 100%;
    height: 40px;
    overflow: hidden;
    font-size: 11px;
}

#cpanel:after, #cpanel_larg:after {
  clear: left;
}

#fieldset {
  border: 1px solid #CCC;
  -webkit-box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.25);
  box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.25);
  margin: 5px 0 5px 5px;
  padding: 5px 0 5px 10px;
}

#sizer{
  width: 15px;
}


.resize_left {
  background-image: url(../images/hide.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 15px;
}

.resize_right {
  background-image: url(../images/show.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 15px;
}

.resize_1 {
  /*background-color: #FFDB4C;*/
  cursor: pointer;
}


/*#fieldset:hover {
  background-color: #DEDEDE;
}  */

#profiltop {
  background-image: url(../images/grille/profil_top.gif);
  background-repeat: no-repeat;
  background-position: center 0;
  height: 54px;
}

#profiltop_g {
  background-image: url(../images/grille/profil_top_g.gif);
  background-repeat: no-repeat;
  height: 54px;
}

#profiltop_c {
  background-image: url(../images/grille/profil_top_c.gif);
  background-repeat: repeat-x;
  height: 54px;
}

#profiltop_d {
  background-image: url(../images/grille/profil_top_d.gif);
  background-repeat: no-repeat;
  height: 54px;
}

#profiltop_c h1, #profiltop_c h2, #profiltop_c h3, #profiltop h1, #profiltop h2, #profiltop h3 {
  margin: 0px;
}

#profilcentre {
  background-image: url(../images/grille/profil_center.gif);
  background-repeat: repeat-y;
  background-position: center 0;
}

#profilcentre_g {
  background-image: url(../images/grille/profil_center_g.gif);
  background-repeat: repeat-y;
}

#profilcentre_c {
  background-image: url(../images/grille/profil_center_c.gif);
  background-repeat: repeat;
  margin: 0px;
}

#profilcentre_d {
  background-image: url(../images/grille/profil_center_d.gif);
  background-repeat: repeat-y;
}

#profilend {
  background-image: url(../images/grille/profil_end.gif);
  background-repeat: no-repeat;
  background-position: center 0;
  height: 11px;
}

#profilend_g {
  background-image: url(../images/grille/profil_end_g.gif);
  background-repeat: no-repeat;
  height: 11px;
}

#profilend_c {
  background-image: url(../images/grille/profil_end_c.gif);
  background-repeat: repeat-x;
  height: 11px;
}

#profilend_d {
  background-image: url(../images/grille/profil_end_d.gif);
  background-repeat: no-repeat;
  height: 11px;
}

.w48 {
  width: 48%;
}
/** Fin **/

.hidden_elem {
  display: none;
}

.hidden {
  display: none;
}

.menu_container {
 	width: 500px;
}
.menu_head {
	/*background: url(images/red.png) brown;*/
    color: black;
    cursor: pointer;
    font-family: arial;
    font-size: 14px;
	margin: 0 0 1px 0;
    padding: 2px 11px;
	font-weight: bold;
}
.menu_body {
	background: lightgray;
}
.menu_body p{
	padding: 5px;
	margin: 0px;
}
.plusminus{
	margin-left:10px;
}

.hide {
  display:none;
}
.show {
  display: ;
}
.meter {
	height: 25px;  /* Can be anything */
	position: relative;
    width: 100px;
	/*margin: 5px 0 5px 0;
          padding: 2px;*/  /* Just for demo spacing */
}
.meter > #bar {
	display: block;
    text-align: left;
	height: 100%;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow:
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow:
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow:
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}
      .meter > #label {
	position: relative;
	top: -20px;
          color: black;
          width: 100%;
          text-align: center;
          font-weight: bold;
          display: block;
}
.meter > #bar:after, .animate > #bar > #bar {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image:
	   -webkit-gradient(linear, 0 0, 100% 100%,
	      color-stop(.25, rgba(255, 255, 255, .2)),
	      color-stop(.25, transparent), color-stop(.5, transparent),
	      color-stop(.5, rgba(255, 255, 255, .2)),
	      color-stop(.75, rgba(255, 255, 255, .2)),
	      color-stop(.75, transparent), to(transparent)
	   );
	background-image:
		-moz-linear-gradient(
		  -45deg,
	      rgba(255, 255, 255, .2) 25%,
	      transparent 25%,
	      transparent 50%,
	      rgba(255, 255, 255, .2) 50%,
	      rgba(255, 255, 255, .2) 75%,
	      transparent 75%,
	      transparent
	   );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	overflow: hidden;
}

.animate > #bar:after {
	display: none;
}

@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

.vert > #bar {
	background-color: #66CC66;
	background-image: -moz-linear-gradient(top, #66CC66, #339900);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #66CC66),color-stop(1, #339900));
	background-image: -webkit-linear-gradient(#66CC66, #339900);
}

      .yellow > #bar {
	background-color: #FFCC66;
	background-image: -moz-linear-gradient(top, #FFCC66, #FFCC00);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFCC66),color-stop(1, #FFCC00));
	background-image: -webkit-linear-gradient(#FFCC66, #FFCC00);
}

.red > #bar {
	background-color: #f0a3a3;
	background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.gray > #bar {
	background-color: #999999;
	background-image: -moz-linear-gradient(top, #999999, #CCCCCC);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #999999),color-stop(1, #CCCCCC));
	background-image: -webkit-linear-gradient(#999999, #CCCCCC);
}

.nostripes > #bar > #bar, .nostripes > #bar:after {
	-webkit-animation: none;
	background-image: none;
}