body{font:normal 14px Arial; color:#636363;}
#header-cms-diet { background:#E77DAC url("http://img.aujourdhui.com/ui/header-logo-bg.gif") repeat-x scroll 0 0; position: relative; z-index: 100; height:42px; }
#header-logo-cms { position:relative; background: url("http://img.aujourdhui.com/ui/header-logo.gif") no-repeat scroll -10px 0 rgba(0, 0, 0, 0); display: block; height: 42px; overflow: hidden; text-indent: -9999px; width: 198px; z-index: 10; }
#memberAccess{position:relative; text-align:right; height:42px;}

#header-cms-diet h1{position:relative; height:42px;}
#header-cms-diet h1 .cms-label{position:relative; left:0px; display:inline-block; margin-top:7px; font:normal 18px 'Century Gothic', Arial; color:#ffffff; text-shadow:0px -1px 0px rgba(0,0,0,0.5); white-space:nowrap}
.cms-label small{ font:normal 12px 'Century Gothic', Arial; }
.login-quotes{position:relative; margin:20px 0;}
.login-quotes img{margin:0px 1% 1% 0; float:left; width:49%; }

#regform1{width:94%; margin:0 3%;}
#regform1 h1{font: bold 38px arial; color:#d72d83; padding:10px 0px; margin-top:10px;}
#regform1 table{margin:0; width:100%;}
#remember{position:relative; top:2px;}
input.textbox{margin:10px 0px; background: url("http://img.aujourdhui.com/registration/form_gradient.png") repeat-x top left; font: normal 20px arial; color:#7f7f7f; border:solid 1px #cfcfcf; line-height:30px; padding:5px; width:97%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
input.textbox:hover{border:1px solid #0D58A6;}

p.login_account{font: normal 12px arial; padding:10px 0px; text-align:center;}
p.forgot_password{font: normal 12px arial; padding:0px 0px 10px 0px; text-align:left;}
.loginBtn{width:90%; max-width:394px;}

#userDd{position:absolute; top:0; right:0; width:55px;}
#userDd > a{display:block; padding:7px 20px 0px 0px; background:url(http://img.aujourdhui.com/cms/pole-bien-etre//a-down.png) no-repeat right center; z-index:5; outline:none;}
#userDd > a .memPic{display:inline-block; width:30px; height:30px; overflow:hidden;}
#userDd > a .memPic img{display:block; width:100%;}
#programDd{position:absolute; top:0; right:70px;}
#programDd > a {display:block; padding:12px 20px 12px 6px; background:url(http://img.aujourdhui.com/cms/pole-bien-etre//a-down.png) no-repeat right center; color:#ffffff; z-index:5; outline:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#programDd > a:hover{text-decoration:none}
#programDd > a.active, #userDd > a.active{background-color:#ffffff; color:#2d2d2d; background-image:url(http://img.aujourdhui.com/cms/pole-bien-etre//a-down-black.png);}
ul.ddContent{text-align:left; z-index:0; display:none; min-width:100px; position:absolute; top:42px; right:0; background-color:#ffffff; list-style:none; box-shadow:0px 1px 2px #cecece; }
ul.ddContent li{padding:0; margin:0;}
ul.ddContent li a{display:block; padding:5px 20px 5px 6px; text-decoration:none; color:#2d2d2d; white-space:nowrap}
ul.ddContent li a:hover{background-color:#f2f2f3;}

.cms-leftNav{position:relative; background-color:#f7f7f7; border-right:1px solid #ececec;}
.cms-leftNav ul{list-style:none; margin:0px;  padding:15px 0 0 0;}
.cms-leftNav ul li{ margin:0px; padding:0px;}
.cms-leftNav ul li > a{display:block; font:bold 15px Arial; color:#363636; padding:11px 12px 11px 38px; text-decoration:none; background-repeat:no-repeat; background-position:left center; border-top:1px solid #f7f7f7; border-bottom:1px solid #f7f7f7;}
.cms-leftNav ul li > a:hover, .cms-leftNav ul li > a.active{background-color:#ebebeb; border-top:1px solid #dcdcdb; border-bottom:1px solid #ffffff;}
li > a.dashbo{background-image:url(http://img.aujourdhui.com/cms/pole-bien-etre//leftnav-icon-dash.png);}
li > a.search{background-image:url(http://img.aujourdhui.com/cms/pole-bien-etre//leftnav-icon-sear.png);}
li > a.client{background-image:url(http://img.aujourdhui.com/cms/pole-bien-etre//leftnav-icon-clie.png);}

.cms-content{position:relative; padding-top:15px; color:#636363; font:normal 14px Arial;}
.cms-content p{font:normal 14px Arial; margin-bottom:14px; line-height:20px;}
.cms-content h3{font:bold 26px Arial; color:#414141;}
.cms-content h3.pageTitle{padding-bottom:10px;}
p.pageIntro{font:normal 18px Arial; margin:0 0 14px 0;}
p.pageIntro strong{color:#414141;}
p.secondary{color:#d6d6d6;margin:5px 0;}
p.secondary span{display:inline-block; margin:0 5px; color:#636363; }

.boxed-stats{list-style:none; margin:0; padding:0;}
.boxed-stats li{float:left; width:24%; margin-right:1%; background-color:#f3f3f3; border-radius:8px; box-shadow:0px 4px 0px #dfdfdf;}
.boxed-stats li.green{background-color:#edfbe8; box-shadow:0px 4px 0px #d2e3cd;}
.boxed-stats li.blue{background-color:#eaf5ff; box-shadow:0px 4px 0px #d1deea;}
.boxed-stats li.green h5{color:#51a534;}
.boxed-stats li.green p{color:#8bb37f;}
.boxed-stats li.blue h5{color:#3597ed;}
.boxed-stats li.blue p{color:#85a6c3;}
.boxed-stats li h5{font:bold 46px Arial; text-align:right; color:#474747; padding:10px; margin:0; background-repeat:no-repeat; background-position:10px center;}
.boxed-stats li p{text-align:center; padding:0 0 5px 0; color:#979797; margin:0;}
h5.ave{background-image:url(http://img.aujourdhui.com/cms/pole-bien-etre//h5-ave.png);}
h5.act{background-image:url(http://img.aujourdhui.com/cms/pole-bien-etre//h5-act.png);}
h5.que{background-image:url(http://img.aujourdhui.com/cms/pole-bien-etre//h5-que.png);}
h5.jou{background-image:url(http://img.aujourdhui.com/cms/pole-bien-etre//h5-jou.png);}

.shadbox{position:relative; padding:8px; background-color:#f3f3f3; box-shadow:0px 4px 0px #dfdfdf; border-radius:8px; margin-bottom:4px;}
.shadbox.white{background-color:#ffffff; border:1px solid #e1e1e1;}
.shadbox.blue{background-color:#eaf5ff; box-shadow:0px 4px 0px #d1deea; }
.shadbox2{position:relative; padding:8px; background-color:#efefef; border:1px solid #e1e1e1; border-radius:8px;
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

.colsTable{margin:0; padding:0; border-collapse:collapse; border-spacing:0; width:99%; font-size:14px;}
.colsTable td{padding:3px; vertical-align:middle;}
h4.subLabels{font:bold 20px Arial; color:#414141; margin-bottom:5px;}
.inputText1{font:normal 14px Arial !important; padding:8px; background-color:#ffffff; border:1px solid #bdc7d8; border-radius:8px;}
.inputText-pop{font:normal 14px Arial !important; padding:5px; background-color:#ffffff; border:1px solid #bdc7d8; border-radius:8px;}

.nconfid .checklist > div{position:relative; font-size:14px; margin-bottom:4px;}
.checklist > div input{position:relative; top:1px;}

.mapDate{position:absolute; height:70px; width:190px; font-family:Arial; left:0px; color:#393939;}
.mapDate p, .mapDate span{font-family:inherit; font-weight:normal;position:absolute;}
.mapDate p{font-size:48px;  font-weight:bold; line-height:70px; width:55px; top:0px; left:0; text-align:right;}
.mapDate span{font-size:15px; left:60px; line-height:20px; font-family:arial;}
.mapDate span.dd{top:5px;}
.mapDate span.mm{top:24px; color:#a0a0a0;}
.mapDate span.yyyy{top:43px; color:#a0a0a0;}

.activityMap{list-style:none; margin:0px; padding:0px; margin:0px; position:relative;} 
.activityMap li{position:relative; height:70px; z-index:10; border-bottom:1px solid #e1e1e1; background:transparent url(http://img.aujourdhui.com/cms/pole-bien-etre//worklHistory-bar-bg.png) no-repeat right top ; }
.activityMap li.label{height:40px; background:#ffffff url(http://img.aujourdhui.com/cms/pole-bien-etre//worklHistory-label-bg.png) no-repeat right top;} 
.actRow{width:672px; height:70px; position:absolute; top:0; right:15px;}

.actBar{position:absolute; height:50px; top:10px; width:0; cursor:pointer; z-index:2; background-color:#3597ed;}
.actBar.active, .actBar:hover{filter:alpha(opacity = 70); opacity:0.7;}

.mapBubble{z-index:10; display:none; position:absolute; width:300px; height:1px;}
.mapBubble .bubble-tip{position:absolute; bottom:-26px; left:50%; z-index:10; margin-left:-14px;}
.mapBubble #bubbleContent{position:absolute; left:0; width:100%; background-color:#ffffff;box-shadow:2px 2px 5px rgba(0,0,0,0.5); border:1px solid #dedede; border-radius:8px; min-height:100px;}
#bubbleContent h4{font:bold 16px Arial; color:#414141; padding-bottom:5px;}
#bubbleContent .duration{font:normal 15px Arial; color:#636363;}
#bubbleContent .boxed-stats {margin:10px 0;}
#bubbleContent .boxed-stats li{border:1px solid #e1e1e1; width:48% !important; margin-right:1% !important; background:#ffffff !important; box-shadow:0 0 0 #ffffff; padding:5px 0; }
#bubbleContent .boxed-stats li h5{text-align:left; padding:0 0 0 43px;font-size:24px !important; background-size:30px 30px; line-height:24px;}
#bubbleContent .boxed-stats li h5 span{font:normal 15px Arial !important; color:#636363; display:block;}

.dbList{margin:0; padding:0; border-collapse:collapse; border-spacing:0; width:100%; font:normal 14px arial; color:#414141;}
.dbList tr th{font-weight:bold; color:#319add; background-color:#f3f3f3;}
.dbList tr th, .dbList tr td{padding:8px 5px; border-bottom:1px solid #e1e1e1; vertical-align:middle; text-align:left}
.dbList tr.notDone th, .dbList tr.notDone td{color:#9e9e9e;}
span.ongoing{color:#6cbb49;}
span.termine{color:#ee5151;}

.progress-wrapper{position:relative; margin-bottom:5px;}
.par-progress-holder{position:relative; height:20px; border:1px solid #e4e3e3; box-shadow:0px 2px 3px rgba(153,153,153,0.5) inset; border-radius:5px; background-color:#f7f7f7; overflow:hidden;}
.par-progress{position:absolute; height:20px; top:0; left:0; background-color:#e64d9f; border-radius:5px;
background: #ef6ab1; /* Old browsers */
background: -moz-linear-gradient(top,  #ef6ab1 9%, #e4469b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,#ef6ab1), color-stop(100%,#e4469b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ef6ab1 9%,#e4469b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ef6ab1 9%,#e4469b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ef6ab1 9%,#e4469b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ef6ab1 9%,#e4469b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6ab1', endColorstr='#e4469b',GradientType=0 ); /* IE6-9 */
}
.resetMar {margin:0 !important;}
span.dateCheck{display:inline-block; color:#9e9e9e; margin:0px auto; padding:5px 25px 5px 5px; background:transparent url(http://img.aujourdhui.com/cms/pole-bien-etre//parcourCheck.png) no-repeat right center;}
.profileInfo{display:block; margin-bottom:5px; vertical-align:top;line-height:18px;}
.profileInfo .label{display:inline-block; width:39%; margin-right:1%; text-align:right; color:#85a6c3;  vertical-align:top; white-space:nowrap; }
.profileInfo .value{display:inline-block; width:55%; vertical-align:top; color:#414141; }


.profileInfo-pop{display:block; margin-bottom:8px; vertical-align:middle;line-height:18px;}
.profileInfo-pop .label{display:inline-block; width:19%; margin-right:1%; text-align:left; color:#414141;  vertical-align:middle; white-space:nowrap; font-weight:bold;}
.profileInfo-pop .value{display:inline-block; width:75%; vertical-align:middle;  color:#414141; }

#clientPrimary{padding:10px 0;}
#clientPrimary .primaryCols{float:left; margin:0 1%; clear:none;}
.prof154{height:154px; text-align:center; vertical-align:middle;}
.prof154 img{display:inline-block; max-width:154px; vertical-align:top; width:100%;}
.helperMid{display:inline-block; height:100%; vertical-align:middle;}

.btn-gb{display:inline-block; padding:8px 15px; border:1px solid #d9d9d9; box-shadow:0px 1px 2px rgba(0,0,0,0.1); color:#319add; border-radius:10px; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 9%, #f0f0f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 9%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 9%,#f0f0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 9%,#f0f0f0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 9%,#f0f0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}
.btn-gb:hover{text-decoration:none;}
.primaryButtons{text-align:center; border-top:1px solid #dedede; padding-top:10px;}

.ui-dialog, .ui-widget-content {font:normal 14px Arial !important;}

h3.thinbar {
    background: #dfdfdf url(http://img.aujourdhui.com/functional/cms-thinbar-bg.gif) repeat-x left bottom;
    border-top: 1px solid #ffffff;
    padding: 4px 10px;
    font: bold 12px Arial;
    line-height: 18px;
    color: #454545;
}
div.dateBar{position:relative; background-color:#f2f2f3; padding:15px 10px;}
div.dateBar .datespan{position:absolute; top:10px; right:12px;}
div.dateBar .datespan label{ font:normal 12px Arial; color:#6b6b6b;}
div.dateBar .datespan .date_text{padding:5px 2px; font-weight:bold;}
div.statGraphs{position:relative; height:220px; background:url(http://img.aujourdhui.com/functional/graphgrid2.gif) repeat-x 0 0; width:690px; margin:20px 0 20px 30px;}
b.glbl{display:block; padding:4px 0px; font:bold 11px Tahoma !important; color:#ffffff !important; text-shadow:0px -1px 0px #555555;}