@import "calendar_legacy.css";
@import "styles_legacy.css";

/*@import "ie6.css";*/

/* BASE - impostazioni di base */
/* CHART */
/* LANDING PAGE*/
/* ADMIN */
/* BOX LOGIN */
/* BOX CONSIGLI */
/* HPDATABOX */
/* ACCESS-AFTER-PLUG-AK */
/* BUTTONLINK */
/* HEADER-1 */ /*(titolazioni)*/
/* HEADER-2 */
/* HEADER-3 */
/* HEADER-4 */
/* CONTENUTO GENERICO */
/* PRIVACY (testo lungo) */
/* HELP */
/* FOOTER */
/* FORMS */
/* HEADER */
/* MENU I LIVELLO */
/* MENU II LIVELLO */
/* ALTRI MENU */
/* SKINS LAYOUT */
/* HP */
/* CALENDAR */
/* BOX CALENDARIO */
/* MONTH CALENDAR */
/* WEEK CALENDAR */
/* DAY CALENDAR */
/* CALENDAR FORM */
/* ASSISTANT JOY CONVERT */
/* MUSCLE MAP, EQUIP. LIST, VIDEO */
/* ASSESSMENT */
/* RESULTS */
/* COMMUNITY */
/* MYKEY */
/* TRAINING */
/* LANGUAGE CHOICE */
/* DOWNLOAD */


/************************************/
/* BASE - impostazioni di base */
/***********************************/
html body{
    margin:0;
    padding:0;
    height: 100%;
    width: 100%;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:90%;      
    background-color:#fff;      
}
html body *{
    margin:0;
    padding:0;
    border:0;
    text-align:left;
}
.clear{
    clear:both;
    float:none;
    font-size:0.01em;
}
.noStrong{
    font-weight:normal;
}
body .bold{
    font-weight:bold;
}
.pointer{
    cursor:pointer
}
.uppercase{
    text-transform:uppercase;    
}
.lowerCase{
    text-transform:lowercase;
}
.center{
    width:100%;
    text-align:center;
}
.center table, .center div{
    margin-left:auto;
    margin-right:auto;
}
.smaller{
    font-size:0.8em;
}
body .smaller2{
    font-size:0.75em;
}
.spacer{
    font-size:0.01em;
    padding:0;
    margin:0;
    height:6px;
}
.cbBold{
    font-weight:bold
}
html body .noBold{
    font-weight:normal
}
table.noBorderTable,
table.noBorderTable td{
    border:none;
}
table.noVerticalPadding,
table.noVerticalPadding td{
    padding-top:0;
    padding-bottom:0;
}
body table.shortTh th{
    padding-right:20px;
    width:auto;
}
body .bgWhite,
body .bgWhite *{
    background-color:#fff;
}

/*definizione universale tabelle*/
table{
    margin:0;
    padding:0;
    border-collapse:collapse;
    border-spacing:0;
}

/*definizione universale textarea*/
.textarea{
    width:98%;
    height:100px;
    border:solid 1px #b6b6b6;
    font-family:Sans-Serif;
    font-size:0.9em;
    padding:5px;
}
.textareaLabel{
    font-size:0.9em;
    margin-top:12px;
    display:block;
    font-weight:bold;
}

/*validationError - displayMessage */
.validationError, .displayMessage{
    font-size:0.9em;
    color:red;
    display:block;
    margin-top:0px;
    margin-bottom:10px;
    padding:5px;
    width:98.25%;
    border:solid 1px red;
    background-color:#FFEAEA;    
}
.community .validationError, .community .displayMessage{
    width:78.5%;
}    
.confirmMessage{
	color:green;
    border:solid 1px green;
    background-color:#E7F2CB;
}


/*commonText*/
.commonText{
    font-size:0.9em;
    color:#333;
    display:block;
    margin:0;
    margin-top:10px;
    margin-bottom:10px;
    font-weight:normal;
}

/**********************/
/* CHART */
/**********************/
.chart{
    border:solid 1px #D9DADB;
    width:100%;
    text-align:right;
    background-color:#fff;
}
.chart *{
    background-color:#fff;
}
.leftChart .chart img{
    float:left;
    margin-left:14px;
}
.chart .numbers{    
    float:right;
    margin-top:10px;
    margin-right:16px;
}
.chart .timeframeSelection{    
    float:left;
    font-size:0.9em;
    margin-top:-20px;
    margin-bottom:10px;
    margin-left:10px;
    color:#444;
    background-color:#efefef;
    padding:5px;
    border:solid 1px #ddd;    
}
.chart .timeframeSelection *{
    background-color:#EFEFEF;
}
.chart .timeframeSelection a,
.chart .timeframeSelection a:link,
.chart .timeframeSelection a:visited,
.chart .timeframeSelection a:hover,
.chart .timeframeSelection a:active{
    color:#444;
}
.chart .timeframeSelection a:hover{
    color:#000;
}
.chart .timeframeSelection .selected{    
    font-weight:bold;    
}
.chart .chartBottomBar{    
    width:98.0%;
    margin-left:1%;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:7px;
    float:left
}
.chart .chartBottomBar .left{    
    float:left;
    width:20px;
    height:16px;
    display:block;    
}
.chart .chartBottomBar .separator{
    font-size:001em;
    border-top:solid 1px #c5c5c5;
    height:15px;
    margin-left:5px;
    margin-right:5px;
    margin-top:10px;
    width:92%;        
    float:left;
}
.chart .chartBottomBar .right{    
    float:left;
    width:20px;
    height:16px;
    display:block;        
}
body table.chartTable{        
    margin:18px;    
    margin-top:5px;
    border:solid 1px #D9DADB;
    width:auto;
}
body table.chartTable th, 
body table.chartTable td
{
    width:auto;
    text-align:right
}

.chartTable th, 
.chartTable td{
    font-size:0.93em;
    color:#333;
    padding:3px;
    border:solid 1px #D9DADB;
    width:auto;
}
.chartTable th{
    background-color:#f7f7f7;
}
.chartTable th *{
    background-color:#f7f7f7;
}
.chartTable td{
    text-align:right
}
.chartTitle{
    margin-left:10px;   
    margin-bottom:5px;
    display:block;
    font-size:0.95em;
}
.chartTitle, .chartTable caption{
    font-size:0.95em;
    font-weight:bold;
    color:#111;
}
.chartTable caption{
    /*display:block;*/    
    padding-left:0px;
    white-space:nowrap;
}
.noData{
	font-size:0.9em;
    color:#333;
    display:block;
    margin:0;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    font-weight:normal;
}
.backgroundTransparent
{
	background-color:Transparent
}

/*********************/
/*LANDING PAGE*/
/*********************/
.landingPage{
    width:971px;
    height:371px;
    background-image:url(/wellnessportal/DesktopModules/MyWellness/Public/img/intro.jpg);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
.landingPage .noFlash{    
    background-color:#fff;
}
.buttonCenter{    
    float:left;
    width:100%;
    text-align:center;
    margin-top:10px;    
}
.buttonCenter .buttonLink{    
    float:left;
    width:auto;
    text-align:center;
    margin-left:46%;
}
.landingPage .flash,
.landingPage .noFlash{        
    width:402px;
    height:322px;
    position:relative;
    left:534px;
    top:25px;
    background-color:#fff;
    text-align:center;           
}
.landingPage .noFlash{
     background-color:Transparent;     
}
.landingPage .noFlash p{    
    height:90px;
    font-size:0.9em;
    color:#333;
    padding:12px;
    background-color:Transparent;
}

/**********************/
/* ADMIN */
/**********************/
table.adminTable{
   width:99.5%;
   margin-top:10px;
   margin-bottom:10px;
}
table.adminTable thead th{
    background-color:#f7f7f7;    
    color:#333;
    font-weight:bold;
    background-image: url(/wellnessportal/mywellness/images/table_header_bg.jpg);
    background-repeat:repeat-x;    
    background-color:#dedede;
    border-bottom:solid 1px #f7f7f7;         
}
table.adminTable th,
table.adminTable td{
    border:solid 1px #eee;
    padding:4px;
    font-size:0.80em;
}
table.profileForm tbody th.noBold{
    font-weight:normal
}
table.profileForm tr.noRowBorderBottom th,
table.profileForm tr.noRowBorderBottom td{
    border-bottom:none;       
}
table.profileForm tr.noRowBorderTop th,
table.profileForm tr.noRowBorderTop td{
    border-top:none;       
}
table.adminTable tr.alternate td{
    background-color:#f7f7f7;        
}
table.adminTable th.wider{
    width:60%;    
}
table.adminTable input.text{
    font-size:1.1em;
}
.clubsList{
    font-size:1em; 
}
span.tableAdminTitle{
    display:block;
    margin-bottom:5px;
    margin-top:15px;
    color:#444;
    font-size:0.9em;
    font-weight:bold;
}
.adminExercise .title{    
    font-weight:bold;
    color:#333;
    margin-bottom:15px;
    margin-top:5px;
    display:block;
}
.adminExercise .info{
    display:block;
    margin-top:5px;
    margin-bottom:5px;
}
.adminExercise .selectLanguage{
    border:solid 1px #999;
}
.adminExercise .radio{    
    margin-top:8px;
    margin-bottom:8px;    
}
.adminExercise .photo,
.adminExercise .videoAdmin{    
    margin-top:16px;
    margin-bottom:16px;
    border:solid 1px red;
    padding:10px;
    border:solid 1px #D9DADB;
    background-color:#f7f7f7;
}
.adminExercise .videoAdmin{
    height:330px
}
.adminExercise .photo .lbl,
.adminExercise .videoAdmin .lbl{
    display:block;
    font-size:0.9em;
    color:#333;
    font-weight:bold;
    margin-bottom:5px;
}
.adminExercise .photo .transcript,
.adminExercise .videoAdmin .transcript{
    width:260px;
    height:120px;
    border:solid 1px #eee;
    font-family:Arial, Sans-Serif;
    padding:1px;
    padding-right:1px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    font-size:0.9em;
    color:#333;
    overflow-y:scroll;
}
.adminExercise .photo .left,
.adminExercise .videoAdmin .left{
    float:left;
    width:40%;
}
.adminExercise .photo .left,
.adminExercise .videoAdmin .left{
    width:330px;    
}
.adminExercise .photo .right,
.adminExercise .videoAdmin .right{
    float:right;
    width:270px;    
}
.adminExercise .videoAdmin .video{
    margin:0;
    height:0;
    padding:0;
    border:0;
}
body table.reportForm{
    float:none;
    clear:both;
    border-right:solid 1px #D9DADB;
    border-left:solid 1px #D9DADB;    
    width:99%;    
    margin-left:0;
}
body table.reportForm th{
    width:50px;    
    padding-left:10px;
    border-right:none;
    border-left:none;
}
body table.reportForm td{
    padding-right:50px;
    border-right:none;    
}
body table.reportTable{
    width:99%;    
}
body table.reportTable th{
    font-weight:normal;
}
body table.reportTable th#username{
    width:21%;
}
body table.reportTable th#firstname{
    width:37%;
}
body table.reportTable th#lastname{
    width:37%;
}
body table.reportTable td#value{
    text-align:right;
}
.cbContainer input{
    margin-right:3px;
}
.cbContainer label{
    font-size:0.8em;
}
.fileUploadContainer td{
    font-size:0.9em;
}
body div.adminExConfigLeft{
    width:300px;
    padding-right:20px;
    margin-right:0px;
    border-right:solid 1px #eee
}
body div.adminExConfigLeft .noMatchesFound{
    font-size:0.9em;
    font-weight:bold;
}
body div.adminExConfigRight{
    width:625px;            
}
body table.adminClubProfileForm thead th{
    font-size:0.90em
}
body table.adminClubProfileForm thead th.left{
    float:none;
    width:88%;
}
body table.adminClubProfileForm thead th.last{
}
body table.adminClubProfileForm td{
    width:auto
}    
/*userProfileCheckList*/
.UserProfileCheckList{
    font-size: 0.80em;   
}
.UserProfileCheckList input{
    float:left;
    padding:0;
    border:solid 1px #fff;
}

.UserProfileCheckList label{
    margin:0;
    padding:0;
    margin-left:2px;    
    display:block;
    float:left;    
    border:solid 1px #fff;
    white-space:normal;
    width:185px;
}

/*****************************/
/*BOX LOGIN*/
/***************************/
#loginBoxContainer{
    border:solid 1px black;
    text-align:center;
}
.box{
    width:31%;
    border:solid 1px #D9DADB;
    border-top:none;        
    padding-bottom:10px;        
    height:340px;
}
.shortBox{
    height:130px;
}
.boxLeft{
    float:left;
    margin-right:2.75%;        
}
.boxLeftCentered{
    float:left;
    margin-right:2.75%;        
    margin-left:19.5%;
    margin-top:1px;  
}
.boxSingleCentered{    
    margin-right:0;
    margin-left:34%;
    height:295px;
}
.boxCenter{
    float:left;    
    margin-right:2.75%;    
}
.boxRight{
    float:left; 
}
.boxRightImg{
    float:left; 
    border-top:solid 1px #D9DADB;
    margin-left:1px;
    margin-right:1px;
    margin-top:1px;
}   

.box .boxTitle{    
    background-image:url(/wellnessportal/mywellness/images/box_title_bg.jpg);    
    background-repeat:repeat-x;
    background-position:0 0;
    border:solid 1px #D9DADB;
    border-left:none;
    border-right:none;
    display:block;
    height:23px;
    color:#555;
    font-size:1.0em;
    padding-top:7px;
    padding-left:10px;
}
.box table{
    width:94%;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}
.box table.sideLinks{
    margin-top:0px;
}
.box table.sideLinks td{
    padding-bottom:2px;
    padding-top:2px;
    font-size:1.0em;
}
.box table th, .box table td{
    font-size:0.8em;
    font-weight:bold;
    color:#333;
    width:35%;
    padding-top:4px;
    padding-bottom:4px;
    vertical-align:middle;
    white-space:nowrap;
}
.box table td.buttonLinkCell{
    font-size:1.0em;
}
.box table td{
    width:65%;
    font-weight:normal;
}
.box input.text{
    border:solid 1px #B6B6B6;
    padding:1px;
    padding-left:2px;
    padding-right:2px;
    color:#333;
    width:94%;    
    font-size:1.1em;    
}
.box p{
    font-size:0.8em;    
    color:#333;    
    display:block;
    width:90%;
    margin-left:10px;        
    margin-top:16px;
    margin-bottom:10px;    
    height:78px;        
}
.box ol
{
	font-size:0.8em;    
    color:#333;    
    display:block;
    width:90%;
    margin-left:25px;        
    margin-top:16px;
    margin-bottom:10px;    
    height:78px;
}
.box .top{
    margin-left:0px;        
    margin-top:7px;
    margin-bottom:10px;    
    height:100px;        
}
.box .img{    
    margin-left:auto;
    margin-right:auto;
    text-align:center;        
    height:135px;
    margin-top:10px;    
}
.imgLogin{    
    margin-left:1px;
    margin-top:2px; 
    margin-bottom:1px; 
    margin-right:1px; 
}

.box .imgVoid{
    height:112px;
    margin-top:10px;
}
.box .separator{
    width:94%;
    height:1px;
    font-size:0.01em;
    border-top:solid 1px #D9DADB;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;
}
.box .links{   
    padding-left:10px;
    clear:both;
    float:none;        
}
.box .imgBox{    
    text-align:center
}
.box .imgBox img{
    margin-left:auto;
    margin-right:auto;
}
/*overwrite buttonLink per il contesto dato*/
.box .links .buttonLink .linkText_dx{
     width:90%;
     white-space:normal;
     text-align:left;
}
.loginBoxSingleLink{
    margin-left:10px;
    margin-top:10px;
}

/*******************/
/*BOX CONSIGLI */
/*******************/
body .adviseBox{
    width:100%;
    height:auto;
    background-color:#f7f7f7;
    margin-bottom:10px;
    height:auto;
    padding-bottom:2px;
}
body .results .adviseBox{
    background-color:#fff;
}
.adviseBox .body{    
    border:solid 1px #f7f7f7;
    height:auto;
    margin-left:1px;
    margin-right:1px;    
    margin-top:1px;
    margin-bottom:0;
    padding-bottom:0;
    background-image:url(/wellnessportal/mywellness/images/advises_box_bg.jpg);
    background-repeat:repeat-x;
}
.adviseBox .body .text{
    font-size:0.75em; 
    margin-top:5px;   
    color:#333;
    line-height:1.3em;
    display:block;
    margin-left:6px;
    margin-right:8px;
    margin-top:8px;
    margin-bottom:8px;
}
.adviseBox ul, .adviseBox ol{
     list-style-type:none;
     list-style-position:outside;
     margin:5px;     
     margin-left:10px;     
     margin-top:10px;
     margin-bottom:8px;
}
.adviseBox ul li, .adviseBox ol li{
    font-size:0.75em;
    vertical-align:middle;        
    padding-left:10px;
    line-height:1.8em;    
}
.adviseBox ol{
     list-style-position:inside
}
.adviseBox ol li{
    padding-left:1px;
}
.adviseBox ul li{
    background-image:url(/wellnessportal/mywellness/images/menu_vertical_bullet.gif);
    background-repeat:no-repeat;
    background-position:0px 8px; 
}
.adviseBox a, .adviseBox a:link, .adviseBox a:visited, .adviseBox a:hover, .adviseBox a:active{
    color:#444;    
    text-decoration:none;
}
.adviseBox a:hover{
    color:#000;
}
body div.adviseBox p{    
    padding-bottom:10px;
    margin-left:0;
    padding-left:10px;
    padding-top:10px;
    margin-top:0;
    width:94%;  
}

/************************/
/* HPDATABOX */
/************************/
.hpDataBox{    
    width:100%;
    margin-bottom:16px;
    margin-top:0px;
}
.training .hpDataBox{    
    width:100%; /*corto*/    
}
.training .hpDataBoxLong{        
    width:99.99%; /*lungo*/
}
.hpDataBox .left{
    background-image: url(/wellnessportal/mywellness/images/hp_dataBox_left_bg.jpg);
    background-repeat:no-repeat;
    width:5px;
    float:left;
    height:66px;
}
.hpDataBox .data{
    border-top:solid 1px #D9DADB;
    border-bottom:solid 1px #D9DADB;
    background-color:#f7f7f7;    
    height:64px;
    width:98.5%;
    float:left;
}
.training .hpDataBox .data{
    width:98.5%; /*corto*/      
}
.training .hpDataBoxLong .data{    
    width:98.95%; /*lungo*/    
}
.hpDataBox .right{
    background-image: url(/wellnessportal/mywellness/images/hp_dataBox_right_bg.jpg);
    background-repeat:no-repeat;
    width:5px;
    float:right;
    height:66px;
}
.hpDataBox .title{
    font-size:1.4em;
    color:#777A7E;
    margin-left:5px;
    margin-top:7px;
    display:block;
}
.hpDataBox .subTitle{
    font-size:0.9em;
    color:#444;
    margin-top:3px;
    margin-left:5px;
}
.formBox{
    color:#333;
    font-size:0.9em;
    width:100%;    
    height:auto;
    padding-bottom:16px;
    background-color:#fff;
}
.formBox select{
    width:93%;
    border:solid 1px #b6b6b6;
    color:#333;
    font-size:1.0em;    
    margin-bottom:5px;
}
.formBox .body{
    padding:6px;
    padding-top:4px;
    background-image:none;
    background-color:#fff;
}
.formBox .sectionTitle{
    display:block;
    color:#222;
    font-size:0.9em;    
    margin-top:12px;
    margin-bottom:6px;
    background-color:#efefef;
    position:relative;
    padding:1px;
    padding-left:3px;
    font-weight:bold;
}
.formBox .buttonLink{
     margin-top:8px;     
}
.formBox label{
     text-transform:lowercase;
}
.formBox input{
    float:left;     
    margin-right:1px;    
}
.formBox .relative{    
    position:relative;
}
 
/****************************/
/* ACCESS-AFTER-PLUG-AK */
/****************************/
.accessAfterPlugAK .left{
    width:475px;
    float:left;    
}
.accessAfterPlugAK .photo{
    border:solid 1px #D9DADB;
    width:470px;
    height:296px;
    padding-top:2px;
    text-align:center;
    vertical-align:middle
}
.accessAfterPlugAK .photo img{
    margin:auto;    
}
.accessAfterPlugAK .box{
    width:470px;
    height:150px;
    margin-bottom:18px;
}

.accessAfterPlugAK .register{
    height:110px;
}

/************************/
/* BUTTONLINK */
/************************/
.buttonLink{   
   float:none;
   clear:both;
   margin-top:2px;
   margin-bottom:2px;
   font-size:0.90em;
}
.buttonLink a, .buttonLink a:link, .buttonLink a:visited, .buttonLink a:hover, .buttonLink a:active{
    color:#555;
    text-decoration:underline;
}
.buttonLinkDisabled a, .buttonLinkDisabled a:link, .buttonLinkDisabled a:visited,
.buttonLinkDisabled a:hover, .buttonLinkDisabled a:active{
    color:#999;
    text-decoration:none;
}
.buttonLink a:hover{
    color:#000;    
}
.buttonLinkDisabled a:hover{
    color:#999;    
}
.buttonLink .linkText_sx{   
   float:left;
   text-align:right;
   white-space:nowrap;
}
.buttonLink .linkText_dx{   
   float:left;
   text-align:left;
   white-space:nowrap;
}
.buttonLink .linkImage_sx, .buttonLink .linkImage_dx{   
   margin-right:4px;
   margin-top:1px;
   float:left;
   width:16px;
   height:16px;
}
.buttonLink .linkImage_dx{
    margin-left:4px;
}
.buttonLinkContainerRight .buttonLeft{
    width:auto;     
    float:right;
    display:inline;    
}
.buttonLeft{
    width:auto;     
    float:right;
    display:inline;
}
.buttonRight{
    width:auto;     
    float:right;
    display:inline;
}
.insertNewClub .buttonLeft{    
    width:105px;
}
.findClub .buttonLeft{
	width:175px;
}
.userConfig .buttonLeft{    
    width:95px;
}

/************************/
/* HEADER-1 */
/************************/
.header1{
    width:100%;         
    border-bottom:solid 1px transparent;    
    margin-bottom:14px;       
}
.header1 .left, .header1 .right{
    width:6px;
    height:47px;
    background-image:url(/wellnessportal/mywellness/images/title_bg_leftCorner.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
    float:left;
}
.header1 .right{
    background-image:url(/wellnessportal/mywellness/images/title_bg_rightCorner.jpg);
}
.header1 .title{
    border-top:solid 1px #D7CF59;
    border-bottom:solid 1px #D7CF59;
    height:35px;
    float:left;
    padding:0;
    padding-top:10px;
    padding-left:3px;
    background-image:url(/wellnessportal/mywellness/images/title_bg.jpg);
    background-repeat:repeat-x;
    background-position:0 0;    
    color:#333;
    font-size:1.4em;    
    width:98.435%;    
}
body .header1_70 .title{
    width:97.70%;
}
.halfLeftContent .header1 .title{
    width:96%;
}
.header1 .titleWithImg{
    border-top:solid 1px #D7CF59;
    border-bottom:solid 1px #D7CF59;
    height:84px;
    float:left;
    padding:0;
    padding-top:10px;
    padding-left:3px;
    /*background-image:url(/wellnessportal/mywellness/images/title_bg.jpg);
    background-repeat:repeat-x;
    background-position:0 0;    */
    background-image:none;
    color:#333;
    font-size:1.4em;    
    width:97.70%;
    background-color:#F5EC6D;
}
.header1 .leftWithImg,
.header1 .rightWithImg{
    background-image:url(/wellnessportal/mywellness/images/title_bg_leftCorner_big.jpg);
    height:96px;
}
.header1 .rightWithImg{
    background-image:url(/wellnessportal/mywellness/images/title_bg_rightCorner_big.jpg);
}
.header1 .title .text{    
    display:block;
    float:left;
}
.header1 .title .img{    
    display:block;
    float:right;
    width:346px;    
    margin-top:-10px;    
    text-align:right;
}

/************************/
/* HEADER-2 */
/************************/
.header2{    
    font-weight:bold;
    color:#A89C0B;
    font-weight:bold;
    font-size:1.2em;         
}

/************************/
/* HEADER-3 */
/************************/
.header3{
    width:100%;         
    border-bottom:solid 1px transparent;    
    margin-bottom:14px;    
    margin-top:18px;   
}
.header3 .left, .header3 .right,
.community .header3 .left, .community .header3 .right{
    width:6px;
    height:47px;
    background-image:url(/wellnessportal/mywellness/images/header3_left_bg.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
    float:left;
}
.header3 .right,
.community .header3 .right{
    background-image:url(/wellnessportal/mywellness/images/header3_right_bg.jpg);
}
.header3 .title{
    border-top:solid 1px #D9DADB;
    border-bottom:solid 1px #D9DADB;
    height:35px;
    float:left;
    padding:0;
    padding-top:10px;
    padding-left:3px;  
    color:#777A7E;
    font-size:1.4em;    
    width:97.70%;
    background-color:#f7f7f7;
    font-weight:normal;    
}
body .header3Long .title{
    width:98.4%;
}

/************************/
/* HEADER-4 */
/************************/
.header4{
    font-size:1.3em;
    font-weight:normal;
    color:#777A7E;
    display:block;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}

/**************************/
/* CONTENUTO GENERICO */
/*************************/
.content{    
    font-size:0.8em;
    color:#333;        
}
.left{    
    float:left;
    width:68%;
}
.right{
    float:right;    
}
.content p{
    margin-bottom:10px;    
}
.content dl{
    margin-top:16px;
    margin-bottom:16px;
}
.content dt, .content dd{
    display:block;       
}
.content dt{
    float:left;
    margin-bottom:4px;    
}
.content dd{
    clear:right;
    float:none;    
    padding-top:65px;    
    margin-left:122px;
}
.content strong{
    font-weight:bold;
    color:#ff7111;
}
.content strong.black{    
    color:#333;
}
.public .buttonLink{
    font-size:1.1em;
}
.bottomSpacer{
    margin-bottom:10px;
}

/*******************************/
/* PRIVACY (testo lungo) */
/******************************/
.privacyFull p{
    margin-bottom:5px;
}
.privacyFull ol{    
    margin-left:28px;
    margin-top:10px;
    margin-bottom:10px;
}
.privacyFull ol ul{    
    margin-left:22px;
    margin-top:10px;
    margin-bottom:10px;
}

/*************/
/* HELP  */
/*************/
.help{
    width:942px;
    margin-top:10px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
}
.help .breadCrumb{
    font-size:0.85em;
    margin-left:2px;
}
.help .breadCrumb a:link,
.help .breadCrumb a:visited,
.help .breadCrumb a:hover,
.help .breadCrumb a:active{
    color:#444;
}
.help .breadCrumb a:hover{
    color:#000;
}
.help .searchBox{    
    height:74px;
    width:99%;
    margin-bottom:10px;
    background-color:#F7F7F7;
}
.help .menuBox{
    height:auto;
    width:99%;
    text-align:left;
    background-color:#F7F7F7;
}
.help .menuBox .body, .help .searchBox .body{
    background-image:url(/wellnessportal/mywellness/images/advises_box_bg.jpg);
    background-repeat:repeat-x;
    border:1px solid #F7F7F7;
    height:auto;
    margin:1px 1px 0;
    padding-bottom:0;
}
.help .searchBox .body{
    height:38px;
    margin-bottom:0;
    border-bottom:solid 1px #fff
}
.help .menuBox table{
    width:82%;    
    text-align:left;
    margin:0;
    border:solid 1px red;
}
.help .menuBox td{    
    white-space:normal;
    text-align:center;
    width:1px;
    padding:0;
    vertical-align:top;    
    font-size:0.75em;    
}
.help .menuBox td.nodetreeview {    
    width:162px;
    padding:0;
    padding-top:4px;
    padding-bottom:4px;
    padding-right:2px;
    text-align:left;
}
.help .menuBox td img{
    margin-top:5px;
    margin-right:0px;
}
.help .menuBox td a:link,
.help .menuBox td a:visited,
.help .menuBox td a:hover,
.help .menuBox td a:active{
    color:#444;
    white-space:normal;
    display:inline;    
}
.help .menuBox td a:hover{
    color:#000;
}
.help .searchBox input.text{
    width:80%;
    margin-right:2px;
    margin-left:4px;
    color:#333;
    font-size:0.9em;
    float:left;
    margin-top:5px;
}
.help .searchBox input.img{
    width:auto;
    height:auto;
    margin-top:5px;
}
.help .searchBox .body{
    padding-top:10px;
    padding-bottom:1px;
}
.help .left{
    width:32%;
    float:left;    
}
.help .right{
    width:66.5%;
    float:left;
    padding-left:10px;
}
.help .right .header1 .left,
.help .right .header3 .left,
.help .right .header1 .right,
.help .right .header3 .right{
    width:6px;
}
.help .right .header1 .title{
    width:95%;
}
.help .right .header3 .title{
    width:95%;
    font-size:1.1em;
    height:33px;
    padding-top:12px;
    font-weight:bold;    
}
.help .content{    
    width:97%;
}
.help .text a:link,
.help .text a:visited,
.help .text a:hover,
.help .text a:active{
    color:#444;
    font-size:0.85em;
}
dl.helpSearch{
    margin:0;
    padding:0;
}
dl.helpSearch dt{
    font-size:0.9em;
    margin:0;
    padding:0;
}
dl.helpSearch dt a:link,
dl.helpSearch dt a:visited,
dl.helpSearch dt a:hover,
dl.helpSearch dt a:active{
    color:#444;
}
dl.helpSearch dt a:hover{
    color:#000;
}
dl.helpSearch dd{
    font-size:0.85em;
    color:#333;
    margin:0;
    margin-bottom:6px;
    padding:0;
}

/************************/
/* FOOTER */
/************************/
#footer{        
    font-size:0.75em;
    color:#666;
    margin-bottom:20px;    
}
#footer .left{    
    float:left;
    width:49%;
    line-height:1.55em;
    padding-top:5px;
}
#footer .right{    
    float:right;
    width:49%;
}
#footer .right .copyright{    
    display:block;
    float:right;    
    text-align:right;
    line-height:1.55em;
    padding-top:5px;
    padding-right:8px;
}
#footer .right img{       
    float:right;    
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
    color:#454545;
}

/***********************/
/* FORMS */
/***********************/
input.text{
    font-size:0.9em;
}
.cbLeft input{
    float: left;
    display:inline;    
    vertical-align:middle;    
}
.cbLeft label{
    float: left;
    display:inline;
    vertical-align:middle;
}
.cbTopDown{
    border:solid 1px #fff;
    margin-top:3px;
}
.cbTopDown input,
.training .box .cbTopDown input{
    display:block;
    float:none;
}
.cbTopDown label,
.training .box .cbTopDown label{
    display:block;
    float:none;
}
.cbTopDown table{
    width:auto;    
}
.cbTopDown table td{
    width:14.2%;
    text-align:center;
    font-size:0.9em;    
    vertical-align:top;
    padding-top:0;
}
.cbTopDown table td *{    
    text-align:center;    
} 
.training .box .cbTopDown table td input{
     text-align:center;
     margin-left:auto;
     margin-right:auto;
}
.cbTopDown table td div{
     text-align:center;
     margin-left:auto;
     margin-right:auto;
}

/*formContainer*/
table.formContainer{
    width:50%;
    margin-top:12px;
    margin-bottom:10px;
}
table.formContainer th, table.formContainer td{
    padding-top:2px;
    padding-bottom:2px;
    vertical-align:middle;
}
table.formContainer th{
    width:12%;
    font-weight:bold;
    text-align:left;
    padding-right:5px;    
    white-space:nowrap;    
    font-size:0.9em;    
}
table.formContainer td.validationIcon{
    width:5%; 
    text-align:left;    
    padding-left:10px;
}
.formContainer input.text{    
    border:solid 1px #B6B6B6;
    padding:1px;
    padding-left:2px;
    padding-right:2px;
    color:#333;
    width:99%;    
}
tr.datePickerContainer input.text,
body table.profileForm td input.digits{
   width:70px;
   margin-right:3px;
}
body table.profileForm td input.smallDigits{
	width:22px;
   margin-right:3px;
}
body table.registrationForm{
    width:99%;
    margin-right:8px
}
table.registrationForm td.specialRowSeparator,
table.registrationForm td.specialRowSeparatorTop{
    height:10px;
    font-size:0.01em;
    border-right:none;
    border-left:none;    
}
table.registrationForm td.specialRowSeparatorTop{
    border-bottom:solid 1px red;
}
body table.registrationForm th.specialRowAlert{    
    color:red;
    border:solid 1px red;
    border-bottom:none;
    border-top:solid 1px red;
    background-color:#FFEAEA;           
}
table.registrationForm tr.specialRow1 th{
    border-left:solid 1px red;
}
table.registrationForm tr.specialRow1 td{
    border-right:none;    
}
table.registrationForm tr.specialRow1 td.void{
    border-left:none;
}
table.registrationForm tr.specialRow1 td.void,
body table.registrationForm tr.specialRow2 td.void{
    border-right:solid 1px red;
}
table.registrationForm tr.specialRow2 th{
    border-left:solid 1px red;
    border-bottom:solid 1px red;
}
table.registrationForm tr.specialRow2 td{
    border-right:none;
    border-bottom:solid 1px red;    
}
table.registrationForm th{        
}
table.registrationForm td{
    border-right:none;
}
table.registrationForm td.void{
    width:18%;
    border-left:none;
    border-right:solid 1px #D9DADB;
}
body table.parentEmail{    
    width:auto;
}
body table.parentEmail th,
body table.parentEmail label{
    width:auto;    
    white-space:nowrap;
}
body table.parentEmail td.input{
    width:300px;   
    padding-right:1px; 
}
body table.parentEmail td.input input.text{
    width:98%;
}
body table.thWidthAuto th{
    width:auto
}


/*profileForm */
table.profileForm{
    width:99.5%;
}
table.profileForm thead th{
    background-color:#f7f7f7;    
    color:#333;
    font-weight:bold;
    background-image: url(/wellnessportal/mywellness/images/table_header_bg.jpg);
    background-repeat:repeat-x;    
    background-color:#dedede;
    border-bottom:solid 1px #f7f7f7;         
}
.profileForm th{
    width:20%;
    border-left:solid 1px #D9DADB;
    padding-left:4px;    
    font-size:0.8em;    
}
body .profileForm .shortCol{
    width:200px;
    border:solid 1px red;
}
.profileForm th, .profileForm td{
    padding-top:4px;
    padding-bottom:4px;
    padding-right:5px;
    border-top:solid 1px #D9DADB;
    border-bottom:solid 1px #D9DADB;
    vertical-align:middle;
    height:22px;
}
.profileForm th input{
    margin-right:4px;        
}
.profileForm td{
    width:35%;
    border-right:solid 1px #D9DADB;
}
html body .tgAjaxCalendar,
html body span.tgAjaxCalendar table td,
html body div.tgAjaxCalendar table td,
html body div.tgAjaxCalendar *,
html body table td.tgAjaxCalendar *,
html body .tgAjaxCalendar table td.ajax__calendar_dayname,
html body .ajax__calendar_dayname,
html body .ajax__calendar_other,
html body .ajax__calendar_day{
    vertical-align:middle;
    text-align:center;
} 
html body .calendarForm .ajax__calendar table,
html body .reportForm .ajax__calendar table,
html body .profileForm .ajax__calendar table{
    width:auto;
}
html body .calendarForm .ajax__calendar td,
html body .reportForm .ajax__calendar td,
html body .profileForm .ajax__calendar td{    
    width:auto;
    padding:0;    
    border:none;
    vertical-align:middle;
    text-align:center;
}
.profileForm tr.alternate td, .profileForm tr.alternate th{
    background-color:#f7f7f7;
}
.profileForm td.singleCell{
    border-left:solid 1px #D9DADB;
    padding-left:5px;
}
.profileForm td.privacyCell{
    border:none;    
    padding:0;
}
.profileForm td.middleLabel{
    font-size:0.75em;
    width:200px;   
    color:#333;
}
.profileForm td.confirmCell{
    border:none;
    text-align:right;
}
.profileForm td.cancelCell{
    border:none;
    text-align:left;
}
.profileForm td.confirmCell .buttonLink{
    text-align:right;    
    float:right
}
.profileForm input.text{
    border:solid 1px  #b6b6b6;
    width:92.5%;
    padding:1px;
    color:#333;
}
.profileForm .imgButton{
     vertical-align:middle
}
.profileForm .date, .profileForm .range{
    font-size:0.75em;
    color:#444;
    vertical-align:middle
}
.profileForm input.short{
    width:55%;
}
body .profileForm input.radioText{
    margin-left:5px;
    width:170px;    
}
.profileForm input.supershort{
    width:40%;
}
.profileForm .radio label,
.adminExerciseForm .radio label{
    display:block;    
    font-size:0.8em;
    padding:0;
    margin:0;    
    margin-right:6px;
    line-height:15px;
    height:18px;    
    float:left;
    color:#333;
}
.profileForm .radio input,
.adminExerciseForm .radio input{
    float:left;
    display:block;    
    padding:0;
    margin:0;
    font-size:0.8em;    
    line-height:14px;
    height:18px;
    width:16px;
    margin-right:1px;
}
.adminExerciseForm .radio label{
    font-size:1.1em
}
.profileForm .radio .separator{
    width:12px;
    height:1px;
    float:left;
}
.profileForm select{
    width:95.2%;
    border:solid 1px #b6b6b6;
    color:#333;
    font-size:0.90em;
}
body table.shortTable{
    width:99%;
}
body table.shortTable td{
    border:none;
    padding:0;
}
.radioTextLabel{
    color:#333;
    font-size:0.75em;
    display:block;
    float:left;  
    margin-right:2px;  
    margin-top:2px;
}
.shortTable td.short{
    width:16%;   
}
body table.clubManagement{
    margin-top:10px;
}
body table.clubManagement th, body table.clubManagement td{
    font-size:0.8em;
    border:none;
    vertical-align:middle;
    padding-top:8px;
    padding-bottom:8px;
}
body table.clubManagement th{
    width:20%;    
    font-weight:normal;
}
body table.clubManagement td.confirmCell{
    font-size:1.0em
}
body table.clubManagement .personalMarketingDataPickerContainer {    
    margin:0;
    padding:0;
    padding:5px;
    border-left:solid 1px #D9DADB;
    border-right:solid 1px #D9DADB;
    border-bottom:solid 1px #D9DADB;    
}
body table.clubManagement .personalMarketingDataPicker{
    float:left;
    background-color:#fff;
}
body table.clubManagement .personalMarketingDataPicker p{
    margin:0;
    padding:0;
    margin-left:7px;
    margin-top:6px;
    margin-right:6px;
    margin-bottom:5px;
    font-size:0.95em;
}
body table.clubManagement .personalMarketingDataPicker input{
    display:block;
    float:left;
    clear:left;
    vertical-align:middle;    
}
body table.clubManagement .personalMarketingDataPicker label{
    display:block;
    float:left;
    clear:right;
    width:90%;
    font-size:0.95em;
    margin-left:5px;
    margin-bottom:5px;
    vertical-align:middle
}
body table.clubManagement .checkbox input{
    display:block;
    float:left;
    margin-top:1px;    
    padding:0;
    width:16px;
    height:16px;
}
body table.clubManagement .checkbox label{
    display:block;
    float:left;
    width:90%;    
    margin-left:1px;
}
body table.clubManagement .col1{
    border-top:solid 1px #D9DADB;  
    border-left:solid 1px #D9DADB;  
}
body table.clubManagement .col2{
    border-top:solid 1px #D9DADB;      
}
body table.clubManagement .col3{
    border-top:solid 1px #D9DADB;      
    border-right:solid 1px #D9DADB;  
}
.training .profileForm .buttonLink,
.training .profileForm .buttonLink *
{
    border:none;
    width:auto;
    white-space:nowrap
}

/*checkboxList*/
.checkboxList, .radioList{
    line-height:1.3em;
}
.checkboxList .title, .radioList .title{
    font-weight:bold;
    font-size:0.8em;
    color:#444;    
}
.checkboxList input, .radioList input{
    margin-right:3px;
    margin-top:0px;
    vertical-align:middle;        
}
.checkboxList label, .radioList label{
    font-size:0.8em;    
}
.checkboxList .personal{
    margin-left:20px;
}

/*privacyInfo*/
.privacyInfo{
    margin-top:5px;
    margin-bottom:10px;
    width:100%;   
    border:none; 
}
.privacyInfo .text{
    border:solid 2px #f2f2f2;
    padding:5px;
    font-size:0.8em;
    margin-top:10px;
    margin-bottom:5px;
    height:150px;
    overflow-y:scroll;
}
.privacyInfo .textShort{
    height:50px;
}
.privacyInfo input{     
    float:left;
    display:block;    
}
.privacyInfo label{
    font-size:0.8em;    
    margin-left:3px;    
    margin-right:3px;
    float:left;
    display:block;   
    width:95%;    
}
.privacyInfo .text ul{     
    list-style-type:disc;
    list-style-position:inside;
    margin-left:34px;
}
body .privacyInfo .text ol.alphaList{
    margin-left:52px;    
    list-style-position:outside;    
}
body .privacyInfo .text ol.alphaList li{
    list-style-position:outside;
}
.privacyInfo .text ol li{
    list-style-position:inside;
}
.privacyInfo .text ol li p{
    padding-left:16px;
}

/*personalMarketingDataPicker*/
.personalMarketingDataPicker{    
    background-color:#f6f6f6;
    margin-top:10px;
    margin-bottom:5px;
    padding-bottom:6px;
    padding-top:1px;
    width:100%;
}
.personalMarketingDataPicker p{
    font-size:0.8em;
    font-weight:bold;
    margin:8px;
    margin-bottom:4px;    
}
.personalMarketingDataPicker input{
    float:left;
    margin-left:6px;    
    margin-right:5px;    
}
.personalMarketingDataPicker label{
    float:left;    
    font-size:0.9em;
    display:block;      
    width:93%;
    border:sollid 1px red;
    margin-bottom:3px;
}

/*respiro supplementare*/
table.breath{
    margin-top:14px;
    margin-bottom:50px;
}
body table.breath tr td{
     padding-top:6px;
     padding-bottom:6px;
}

/*assistant/assessment smallForm */
.assistantSmallForm, .assessmentSmallForm{
    float:left;
    width:99.9%;
    border:solid 1px #D9DADB;
    background-color:#f7f7f7;        
}
.assistantSmallForm .left, .assessmentSmallForm .left{    
    float:left;
    height:26px;
    padding-top:7px;
    width:80%;        
}
.assessmentSmallForm .left{
    height:auto;
}
.assistantSmallForm .right, 
.assessmentSmallForm .right{
    float:right;
    height:27px;    
    padding-top:6px;
    width:auto;
    text-align:center;    
    padding-left:10px;
    padding-right:15px;    
}
.assistantSmallForm .info{
    color:#555;
    font-size:0.9em;    
}
.assistantSmallForm .info{
     margin-left:10px;    
}
.assistantSmallForm label, .assessmentSmallForm th{
    color:#333;
    font-weight:bold;  
    margin-left:50px;
}
.assistantSmallForm label{
    font-size:0.9em;
}
.assessmentSmallForm table{
    margin-left:5px;
    margin-top:0px;
    margin-bottom:5px;
}
.assessmentSmallForm th{
    font-size:0.9em;    
    padding-left:5px;
    padding-right:5px;
}
.assessmentSmallForm th, .assessmentSmallForm td{
    padding-top:1px;
    padding-bottom:1px;
}
.assessmentSmallForm td.separator{
    width:20px;
}
.assistantSmallForm .text, .assessmentSmallForm .text{
    border:solid 1px #b6b6b6;
    width:160px;      
}
.assessmentSmallForm .text{
    margin-right:3px;
    width:70px;
}
.assessmentSmallForm .date, .assessmentSmallForm .range{
    color:#444444;
    font-size:0.75em;
    vertical-align:middle;
}
.assessmentSmallForm .imgButton {
    vertical-align:middle;
}
.assessmentSmallFormTitle{
     font-weight:bold;
     margin-bottom:5px;
     margin-top:5px;
     font-size:0.9em;
     display:block;
}
.assessmentSmallForm .buttonLink{    
    margin-top:2px;
}

/*img radio - form training*/
.imgRadio{    
    display:block;
    float:left;
    margin-right:8px;
    width:60px;
}
.imgRadio img,
.imgRadio input{    
    float:left;
    margin-right:3px;
    margin-top:2px;    
}
.imgRadio label{    
    display:block;
    font-size:0.9em;       
}

/************************/
/* HEADER */
/************************/
.pageSeparator{
    width:100%;
    height:20px;
    background-image:url(/wellnessportal/mywellness/images/header_footer_separator.jpg);
    background-position:0px 0px;
    background-repeat:repeat-x;    
}
#header{    
    height:115px;
}
#header .logo{
    margin-top:33px;
    margin-left:5px;
    float:left;
}
#header .login{
    font-size:0.9em;
    float:right;
    margin-left:50px;
    margin-top:10px;
}
#header td.leftBox{
    background-image: url(/wellnessportal/mywellness/images/header_login_left_bg.jpg);
    background-repeat:no-repeat;
    width:8px;
}
#header td.topBox{
    background-image: url(/wellnessportal/mywellness/images/header_login_top_bg.jpg);
    background-repeat:repeat-x;
    background-position:0px 0px;
    height:4px;
    font-size:0.01em;    
    line-height:0.01em;
}
#header td.bottomBox{
    background-image: url(/wellnessportal/mywellness/images/header_login_bottom_bg.jpg);
    background-repeat:repeat-x;
    background-position:0px 0px;
    height:4px;
    font-size:0.01em;
}
#header td.rightBox{
    background-image: url(/wellnessportal/mywellness/images/header_login_right_bg.jpg);
    background-repeat:no-repeat;
    width:12px;
}
#header td.centerBox{   
    height:83px;    
    background-image: url(/wellnessportal/mywellness/images/header_login_center_bg.jpg);
    background-repeat:repeat-x;
    background-color:#f7f7f7;
}
#header .login .img{
    float:left;
    margin-top:3px;
    margin-right:0px;    
}
#header .login .info{
    float:left;
    padding:5px;
}
#header .login .info .name{
    font-size:0.90em;
    display:block;    
    width:100%;
    margin-bottom:5px;    
}
#header .login .info .newMsg{
    display:block;    
    margin-bottom:5px;
}
#header .login .info .newMsg *{
    font-weight:bold;
}
#header .login .info a, #header .login .info a:link, #header .login .info a:visited, #header .login .info a:active{
    font-size:0.85em;        
    width:100%;
    color:#383d42;
}
#header .login .info .actions{    
    display:block;    
    width:100%;    
}
html body #header img.clubLogo{
    float:right;    
    margin-top:10px;
}

/************************/
/* MENU I LIVELLO */
/************************/
.menu{     
    width:100%;
    background-color:#fff;    
}
.menu table{
    list-style-type:none;                
    width:100%;
    border-spacing:0;
    table-layout:fixed;
    border-collapse:collapse;                  
}
.menu td{                        
    font-size:0.90em;
    text-align:center;
    background-color:#818181;       
    height:40px;                            
    vertical-align:middle;       
    background-image: url(/wellnessportal/mywellness/images/menu_grad_bg.png);
    background-repeat: repeat-x;
    background-position: top left;
    
    border-bottom:solid 1px #999;
}       
.menu td.cornerLeft, .menu td.cornerRight{
    background-image:url(/wellnessportal/mywellness/images/menu_leftCorner.jpg);
    background-position:left -2px;
    font-size:0.01em;
    background-repeat:no-repeat;    
    width:5px;                
    border-bottom:none;
}
.menu td.cornerRight{
    background-image:url(/wellnessportal/mywellness/images/menu_rightCorner.jpg);
}
.menu .cornerLeftSelected{
    background-image:url(/wellnessportal/mywellness/images/menu_selected_leftCorner.jpg);
    background-position:left -2px;
    font-size:0.01em;
    background-repeat:no-repeat;    
    width:5px;                
    border-bottom:none;
}
.menu .cornerRightSelected{
    background-image:url(/wellnessportal/mywellness/images/menu_selected_rightCorner.jpg);
    background-position:left -2px;
    font-size:0.01em;
    background-repeat:no-repeat;    
    width:5px;         
    border-bottom:none;       
}
.menu td.separator{
    font-size:0.80em;
    text-align:center;
    background-color:#818181;                                     
    vertical-align:middle;       
    background-image: url(/wellnessportal/mywellness/images/menu_grad_bg.png);
    background-repeat: repeat-x;
    background-position: top left;      
    width:2px;
} 
.menu td.selected{
    background-color:#faf5b2;       
    background-image: url(/wellnessportal/mywellness/images/menu_grad_yellow_bg.jpg);
    background-repeat: repeat-x;
    background-position: top left;        
    border-bottom:solid 1px #faf5b2;            
}
body .menu td.noSubMenu{     
    border-bottom:solid 1px #D7CF59;                         
}
.menu td.selected a:link, .menu td.selected a:hover, .menu td.selected a:visited, .menu td.selected a:active{
    border-top:solid 1px #d7cf59;
    border-bottom:solid 1px #faf5b2;   
    color:#333;
}
.menu a, .menu a:link, .menu a:hover, .menu a:visited, .menu a:active{    
    color:#fff;
    font-weight:bold;
    text-decoration:none;    
    display:block;            
    padding-top:11px;            
    padding-bottom:11px;
    border-top:solid 1px #999;            
    border-bottom:solid 1px #999;            
    vertical-align:middle;  
    text-align:center;
}

/************************/
/* MENU II LIVELLO */
/************************/
.subMenu{            
    width:99%;
    background-color:#faf5b2;                   
    margin:auto;
}
.subMenu table{
    list-style-type:none;                
    width:100%;
    border-spacing:0;
    table-layout:auto;
    border-collapse:collapse;                               
}
.subMenu td{                        
    font-size:0.80em;
    text-align:center;
    background-color:#faf5b2;       
    width:80px;    
    vertical-align:middle;
    border-bottom:solid 1px #d7cf59;        
    background-image:url(/wellnessportal/mywellness/images/menu_sub_separator.gif);
    background-position:right;
    background-repeat:no-repeat;       
    text-align:center;    
    padding-right:10px;      
    padding-left:10px;    
    white-space:nowrap;
}      
.subMenu td.cornerLeft, .subMenu td.cornerRight{
    background-image:url(/wellnessportal/mywellness/images/menu_sub_leftCorner.gif);
    background-position:left -6px;
    font-size:0.01em;
    background-repeat:no-repeat;            
    width:5px;    
    height:30px;  
    background-color:Transparent;
    border-bottom:none;
    padding:0;
}        
.subMenu td.cornerRight{
    background-image:url(/wellnessportal/mywellness/images/menu_sub_rightCorner.gif);
    padding:0;
}
.subMenu td.spacer{
    width:auto;
    background-image:none;
    padding:0;
}
.subMenu td.selected a:link, .subMenu td.selected a:hover, .subMenu td.selected a:visited, .subMenu td.selected a:active{
    color:#333;
    white-space:nowrap;
}      
.subMenu a, .subMenu a:link, .subMenu a:hover, .subMenu a:visited, .subMenu a:active{
    color:#69682C;
    font-weight:bold;
    text-decoration:none;    
    display:block;                                 
    vertical-align:middle;  
    text-align:center;
    white-space:nowrap;
    width:auto;    
}
.subMenu a:hover{
    color:#000;
}   

/*****************/
/* ALTRI MENU */
/*****************/
/*menu verticale*/
.verticalMenu{            
    font-size:0.8em;    
    margin-left:5px;
}
.verticalMenu ul{         
    list-style-type:none;
    list-style-position:outside;
    border-bottom:solid 1px #D9DADB;     
    border-collapse:collapse;
    border-spacing:0;        
    padding:0;
    margin:0;
    vertical-align:top;
}
.verticalMenu ul li{    
    border:solid 1px #D9DADB; 
    border-bottom:none;   
    vertical-align:middle;
    border-collapse:collapse;
    border-spacing:0;
    background-image:url(/wellnessportal/mywellness/images/menu_vertical_bg.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    padding-left:8px;
    margin:0;
    display:block;
}
.verticalMenu li.selected{
    border:solid 1px #EBE27F; 
    border-bottom:none;       
    background-image:url(/wellnessportal/mywellness/images/menu_vertical_selected_bg.jpg);
    font-weight:bold;
    color:#222;
}     
.verticalMenu li.selected a, .verticalMenu li.selected a:link, .verticalMenu li.selected a:visited, .verticalMenu li.selected a:hover, .verticalMenu li.selected a:active{
    color:#222;
}
.verticalMenu a, .verticalMenu a:link, .verticalMenu a:visited, .verticalMenu a:hover, .verticalMenu a:active{
    color:#666;
    display:block;
    vertical-align:middle;    
    text-decoration:none;    
    background-image:url(/wellnessportal/mywellness/images/menu_vertical_bullet.gif);
    background-repeat:no-repeat;
    background-position:0px 11px; 
    padding-left:10px;
    height:auto;
    padding-top:6px;
    padding-bottom:6px;
}
.verticalMenu a:hover{
    color:#000;
}

/*menu di link*/
.linksMenu{    
    margin-top:14px;
    padding-top:0px;  
    border-bottom:solid 1px #D9DADB;    
    width:98.0%;
    float:left;
}
.linksMenu .title{    
    font-size:0.9em;
    margin-left:10px;
    margin-bottom:10px;
    margin-top:19px;
    display:block;
    float:left;
}
.linksMenu .menuItem{    
    border:solid 1px #D9DADB;
    border-bottom:none;
    height:auto;    
    font-weight:bold;
    width:100%;  
    padding-top:2px;
    padding-bottom:3px;
    float:left;     
}
body .workoutsList .linksMenu{        
    width:99.75%
}
.workoutsList .linksMenu .menuItem{    
    width:99.75%;       
}
.linksMenu .alternate{
     background-color:#f7f7f7;
}
.linksMenu .menuItem .buttonLink img{
    margin-top:0px;
}    
.linksMenu .menuItem .buttonLink .linkText_dx{
    width:93%;        
    padding-left:10px;   
    white-space:normal;
}
.linksMenu .menuItem .buttonLink .linkText_dx a,
.linksMenu .menuItem .buttonLink .linkText_dx a:link,
.linksMenu .menuItem .buttonLink .linkText_dx a:visited,
.linksMenu .menuItem .buttonLink .linkText_dx a:hover,
.linksMenu .menuItem .buttonLink .linkText_dx a:active{
    text-decoration:none;
    color:#000;    
}
.linksMenu .menuItem .buttonLink .linkText_dx a:hover{
    color:#555;
}
.trainingResults .left .linksMenu{
    padding-top:0;
    margin-top:0;
}
.training .linksMenu{
    width:99.9%;
    padding-top:0;
    margin-top:0;
    margin-bottom:20px;
}
.training .linksMenu .title{
    padding:0;
    margin:0;
    font-weight:bold;
    color:#444;
    margin-bottom:4px;
}
.training .linksMenu .recommended{
    background-color:#ffffcc;
}

/*verticalmenu training e allenamento*/
.training .menuContainer,
.trainingResults .menuContainer{
    width:27%;
    float:left;
}
.training .verticalMenu,
.trainingResults .verticalMenu{
    width:100%;
    margin-top:0;
}
.training .verticalMenuTitle,
.trainingResults .verticalMenuTitle{
    width:99.6%;
    background-image:url(/wellnessportal/mywellness/images/box_title_bg.jpg);    
    background-repeat:repeat-x;
    background-position:0 0;
    border:solid 1px #D9DADB;
    border-bottom:none;    
    display:block;
    height:23px;
    color:#555;
    font-size:1.0em;
    padding-top:7px;
    padding-left:10px;
    margin:0;
}
.training .verticalMenu ul,
.trainingResults .verticalMenu ul{
    width:104.25%;
    margin:0;
    margin-left:-5px;
}
.training .verticalMenu li,
.trainingResults .verticalMenu li{
    background-image:none;     
}    
.training .verticalMenu li.selected,
.trainingResults .verticalMenu li.selected{
    border:solid 1px #D9DADB; 
    background-color:#FFF7A1;
    border-bottom:none;
    font-weight:normal
}

/************************/
/* SKINS LAYOUT */
/************************/
#header, #navigation, #pageContent, #footer, #siteInfo{    
    width:960px;
    margin-left:auto;
    margin-right:auto;    
}
#navigation{    
    margin-bottom:20px;
}
#pageContent{
    margin-bottom:20px;    
}
#pageContent .singleContent{    
    width:100%;    
}
#pageContent .leftContent{
    width:28%;
    padding-right:20px;
    float:left;
}
#pageContent .rightContent{
    width:28%;
    float:right;
}
#pageContent .centerContent {    
    width:69.5%;        
    float:left;
}
#pageContent .halfLeftContent {
    width:54%;        
    float:left;    
}
#pageContent .halfRightContent {
    width:45%;        
    float:right;    
}

/**********/
/* HP */
/**********/
.hpResultsPreview{    
    float:none;
    clear:both;
    margin-bottom:10px;
}
.hpResultsPreview .buttonLink{    
    float:right;
}

/*************/
/* CALENDAR */
/*************/
.calendarDayPreview, .calendarDayPreview a:link, .calendarDayPreview a:visited, .calendarDayPreview a:hover, .calendarDayPreview a:active{
    color:#333;
    text-decoration:none;    
}    
.calendarDayPreview{
    margin-bottom:10px;
    width:100%;
}
.calendarDayPreview .task{     
    text-decoration:none;
    font-size:0.8em;
    color:#333;    
    float:left;
    padding-bottom:5px;
    border-bottom:solid 1px #D9DADB;
    border-left:solid 1px #D9DADB;
    border-right:solid 1px #D9DADB;    
    width:270px;
    min-height:58px;
}
.calendarDayPreview .valutations{
     background-color:#f7f7f7;
} 
.calendarDayPreview .task .left, .calendarDayPreview .task .center{
    float:left;    
}
.calendarDayPreview .task .left{
    width:204px;
    padding-left:10px;
    padding-top:7px;
    margin-right:2px;
    text-align:left;        
}
.calendarDayPreview .notes .left{
    float:none;
}
.calendarDayPreview .task .notes{
    padding-top:3px;    
    width:245px;
    font-size:0.95em;
    margin-left:10px;
    margin-bottom:6px;
    display:block;
}
.calendarDayPreview .task .isDone{    
     margin-bottom:3px;         
     white-space:nowrap;
     color:#444;
     display:block;
     font-weight:bold;
     margin-top:6px;
     text-align:center;     
     display:block;
     width:44px;
}
.calendarDayPreview .task ul{
    margin-bottom:3px;
    margin-left:15px;    
    list-style-position:outside;    
    list-style-type:disc;     
}
.calendarDayPreview .task li{    
    font-size:0.95em;
}
.calendarDayPreview .task .right{
    float:right;
    width:50px;       
    text-align:center;    
}
.calendarDayPreview .task .right img{
    border:solid 1px black;
    margin-left:auto;
    margin-right:auto;
}
body .calendarDayPreview div.taskToDo{
    background-color:#f19f70;        
}
.calendarDayPreview .taskDone{
    background-color:#D5EB70;    
}
.calendarDayPreview .taskEmpty{
    background-color:#f7f7f7;    
}
.calendarPreviewHeader{    
    background-image:url(/wellnessportal/mywellness/images/calendar_preview_title_bg.jpg);    
    background-repeat:repeat-x;  
    text-decoration:none;  
    color:#333;
    height:auto;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:6px;
    border-bottom:solid 1px #D9DADB;
    border-left:solid 1px #D9DADB;
    border-right:solid 1px #D9DADB;    
    border-top:solid 1px #D9DADB;    
    width:260px;
}
.calendarPreviewHeader .title{
    display:block;    
    text-decoration:none;
    font-size:1.1em;
    margin-bottom:1px;
}
.calendarPreviewHeader .linkDay{    
    font-size:0.75em;
}


/*****************************************************************/
/* BOX CALENDARIO - sovrascrive classi di calendario legacy css */
/***************************************************************/
body .MonthAndYear{
    font-size:0.9em;
    color:#333;
    background-image:url(/wellnessportal/mywellness/images/box_title_bg.jpg);    
    background-repeat:repeat-x;
    background-position:0 0;
    border:solid 1px #D9DADB;
    display:block;
    height:23px;
    color:#555;
    font-size:1.0em;
    padding-top:7px;      
    text-align:left;
    text-indent:10px;
    width:178px;    
}
body .CalendarBtnMonth{
    padding-top:3px;
    padding-bottom:5px;
    background-color:#f5f5f5;                
    border:none;
    border-left:solid 1px #D9DADB;
    border-right:solid 1px #D9DADB;    
}
body .CalendarBtnNextMonth, body .CalendarBtnPrevMonth{
    width:auto;
}
body .CalendarBtnNextMonth{
    margin-left:10px;
}
.calendarButtonSeparator{
    width:65%;
    border-top:solid 1px #DADBDC;
    height:1px;
    font-size:0.01em;
    float:left;
    margin-top:10px;
}
body .CalendarBorder{
    font-size:1.1em;    
    border:0;
}
html body .CalendarBorder,
html body .CalendarBorder *,
html body table.CalendarBorder,
html body table.CalendarBorder table{
    border-collapse:collapse;
    border-spacing:0;
}
html body table.CalendarBorder td{    
    vertical-align:middle;
    border-collapse:collapse;
}
body .DayHeader{
    color:#4B5454;    
}
body .calendarItemOtherMonthDayStyle a,
body .calendarItemOtherMonthDayStyle a:link,
body .calendarItemOtherMonthDayStyle a:visited,
body .calendarItemOtherMonthDayStyle a:hover,
body .calendarItemOtherMonthDayStyle a:active{
    color:#BABABA;
}
body .calendarItemTodaySelectedStyle{
    border:2px solid #FF7111;
    background-color:#f5f5f5;    
}
body .calendarItemDayStyle{
    border:solid 1px #D9DADB;        
    border-collapse:collapse;
    border-spacing:0;    
}

body .calendarItemOtherMonthDayStyle{
    border-bottom:1px solid #D9DADB;
    border-right:1px solid #D9DADB;
    border-left:1px solid #D9DADB;
}
body .DayHeader{
    border-bottom:1px solid #D9DADB;
    border-left:1px solid #D9DADB;
    border-right:1px solid #D9DADB;
}
body .notToday{
    border:2px solid transparent
}
.calendarBoxContainer{
    width:180px;
}

/*******************/
/* MONTH CALENDAR */
/******************/
.monthCalendar{
    float:right;    
    width:768px;    
}
.monthCalendar table{
     width:100%; 
     border-collapse:separate;
     border-spacing:1px;     
}
.monthCalendar table th,
.monthCalendar table td{
    font-size:0.9em;
    border:solid 1px #D9DADB;  
    font-weight:normal;
    color:#333;    
    width:14.28%;
    background-color:#fff; 
}
.monthCalendar table th{    
    background-image: url(/wellnessportal/mywellness/images/table_header_bg.jpg);
    background-repeat:repeat-x;    
    background-color:#dedede;
    border-bottom:solid 1px #f7f7f7;   
    height:30px;
    text-align:center;
    font-size:1.0em;
}
.monthCalendar table td{
    height:99px;
    background-color:#fff; 
    cursor:pointer
}
.monthCalendar table td.today{
    border:solid 1px #ff7111;
}
.monthCalendar .otherMonthDay{
    color:#999;
}
.monthCalendar table th .highlight{
    color:#ff7111;
}
.monthCalendar .dayNumber{
     display:block;
     background-color:#fff;    
     border-bottom:solid 1px #D9DADB;
     width:100%;
     height:20px;
     vertical-align:middle;
     text-indent:3px;
     margin-top:2px;
}
.monthCalendar .bgNoTask{
     background-color:#fff;
}
.monthCalendar .bgTaskTodo,
.monthCalendar .bgTaskDone,
.monthCalendar .bgNoTask{
    border-bottom:solid 2px #fff;
    height:24px;
    background-repeat:no-repeat;    
    background-position:right center;
}
.monthCalendar .last{
    border-bottom:none;
}
.monthCalendar .bgTaskTodo{
    background-image:url(/wellnessportal/DesktopModules/MyWellness/Calendar/images/task_todo_small.png);
}
.monthCalendar .bgTaskDone{
    background-image:url(/wellnessportal/DesktopModules/MyWellness/Calendar/images/task_done_small.png);
}

/*********************************/
/* WEEK CALENDAR */
/*********************************/
.weekCalendar{
    float:right;    
    width:auto;    
    margin:0;
    padding:0;   
}
.weekCalendar table.weekDay{
     border-collapse:collapse;
     border-spacing:0;    
     width:106px; 
     width:106px;
     margin-bottom:10px;
     float:left;
     margin-left:2px;
     border:solid 1px #D9DADB;
}
.weekCalendar table.weekDay *{
    cursor:pointer;
}
.weekCalendar table.today{
    border:solid 1px #ff7111;
}
.bgTaskTodo{    
    background-color:#F19F70; 
}
.weekCalendar .bgTaskTodo{    
    background-color:#F19F70; 
    background-image:url(/wellnessportal/DesktopModules/MyWellness/Calendar/images/task_todo.png);
    background-repeat:no-repeat;
    background-position:right bottom;
}
.weekCalendar .bgTaskDone{    
    background-color:#D5EB70;
    background-image:url(/wellnessportal/DesktopModules/MyWellness/Calendar/images/task_done.png);
    background-repeat:no-repeat;    
    background-position:right bottom;
}
.weekCalendar table.weekDay th,
.weekCalendar table.weekDay td{
    border-top:solid 1px #D9DADB;
    padding:0px;    
    width:104px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:1px;
    padding-right:1px;
    font-size:0.80em;
    vertical-align:top;
    text-align:left;
    color:#333;
}
.weekCalendar table.weekDay th{    
    padding-top:3px;
    padding-bottom:3px;       
    font-size:1.1em;
    color:#333;
    text-align:center;
    font-weight:normal;
    height:auto;
    background-image: url(/wellnessportal/mywellness/images/table_header_bg.jpg);
    background-repeat:repeat-x;    
    background-color:#dedede;
    border-top:none;
}
.weekCalendar table.weekDay th.today{
color:#ff7111;
}
.weekCalendar table.weekDay td.ak{
    height:auto;
    padding-bottom:0;
    text-align:right
}
.weekCalendar table.weekDay td.ak .keyImg{
    width:103px;
    height:40px;
    background-color:#4f4b4a;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1px;    
}
.weekCalendar table.weekDay td.ak .keyImgNoBg{
    margin-bottom:1px;
    width:103px;
    height:40px;
    background-color:#fff;
    margin-left:auto;
    margin-right:auto; 
}
.weekCalendar table.weekDay td.ak .akNumber{   
    text-align:right;
}
.weekCalendar table.weekDay td{
    height:80px
}
.weekCalendar table.weekDay td .cellTitle{
    display:block;
    font-weight:bold;
    font-size:1.0em;
    text-align:center;
    margin-top:2px;    
}
.weekCalendar table.weekDay td .cellText{
    display:block;    
    text-align:center;
}
.weekCalendar table.weekDay td .note
{
    font-family:Arial, Sans-Serif;
    display:block;    
    margin:3px;
    overflow:hidden;
    width:95px;
}

/*********************************/
/* DAY CALENDAR*/
/*********************************/
.dayCalendar{    
    float:right;
    width:770px;    
}
.dayCalendar .activeKey{
    width:767px;    
    float:left; 
    margin-bottom:0px;   
    border:solid 1px #D9DADB;
    padding-top:10px;   
    padding-bottom:10px 
}
.dayCalendar .activeKey .akImg{    
    float:right;
    margin:0;
    margin-right:10px;
}
.dayCalendar .activeKey .infoContainer{    
    float:left;
    width:99.9%;  
}
.dayCalendar .activeKey .infoContainerShort{    
    float:left;
    width:65%;  
    margin-top:25px;
}
.dayCalendar .activeKey .info{    
    font-size:0.9em;
    width:auto;
    text-align:center;
    float:left;
    width:33%;        
    color:#333;
}
.dayCalendar .item{
    border:solid 1px #D9DADB;    
    padding-top:5px;
    padding-bottom:5px;
    float:left;
    width:767px;
    margin-top:5px;
}
.dayCalendar .movement{
    border-top:solid 1px #D9DADB;    
}
.bgTaskDone{    
    background-color:#D5EB70;
}
.bgTaskTodo{    
    background-color:#F19F70;
}
.yellow{    
    background-color:#FAF5B2;
}
.bgNoTask{    
    background-color:#f7f7f7;
}
.dayCalendar .item .itemTitle{
    font-size:0.9em;
    color:#333;
    font-weight:bold;
    display:block;    
    width:120px;    
    padding:8px;
    padding-top:0;
    float:left;    
}
.dayCalendar .taskStatus{
    display:block;        
    width:35px;  
    float:left;  
}
.dayCalendar .tasks{    
    width:445px;
    float:left;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
    padding-left:6px;
    padding-right:6px;    
}
.dayCalendar .movement .tasks{
    border-right:none;
}
.dayCalendar .itemTasks{
    display:block;    
    width:99%;
    float:left;
    margin-bottom:10px;
}
.dayCalendar .itemReminder{
    display:block;    
    width:99%;
    margin-bottom:10px;
    margin-top:5px;
    float:left;
}
.dayCalendar .itemReminder ul{
    list-style-position:outside;
    margin-left:15px;
    margin-top:3px;
}
.dayCalendar .itemReminder ul li{
    font-size:0.75em;
}
.dayCalendar .itemReminder ul li a:link,
.dayCalendar .itemReminder ul li a:visited,
.dayCalendar .itemReminder ul li a:hover,
.dayCalendar .itemReminder ul li a:active{
    color:#333;
}
.dayCalendar .tasksContainer{    
    float:left;
    display:block;
    width:90%;
}
.dayCalendar .itemTasks .task{
    display:block;    
    font-size:0.9em;
}
.dayCalendar .itemTasks .task .left{    
    width:78%; /*width:82%;*/
    color:#333;
    font-size:0.90em;        
}
.dayCalendar .itemTasks .task .left *{
    float:left;    
}
.dayCalendar .itemTasks .task .left a:link,
.dayCalendar .itemTasks .task .left a:visited,
.dayCalendar .itemTasks .task .left a:hover,
.dayCalendar .itemTasks .task .left a:active{
    margin-top:2px;
    color:#333;    
    width:265px;
    display:block;
    float:left;
}
.dayCalendar .itemTasks .task .left a.button{
    width:18px;
    float:left;
    margin:0;
    margin-left:1px;
    margin-top:2px;
}
.dayCalendar .itemTasks .task .left img{
    margin-left:3px;
    margin-top:1px;
}
.dayCalendar .itemTasks .task .right{
    color:#333;
}
.dayCalendar .reminderTitle{
    font-size:0.8em;
    font-weight:bold;
    color:#333;    
}
.dayCalendar .itemReminder{
    display:block;    
}
.dayCalendar .itemButtons{
    display:block;    
    float:right;  
    padding-right:3px;      
    /*width:160px;       */
}
.dayCalendar .itemButtons .buttonLink{
    display:block;    
    float:right;       
    width:auto;    
    text-align:right;
    float:right
}
body .dayCalendar .itemButtons .buttonLink .linkText_dx{    
    text-align:right;    
    display:block;        
}
.dayCalendar .itemButtons .buttonLink .linkImage_dx{    
    text-align:right;
    float:left;   
}
.dayCalendar .notes{
    background-color:#fff;
}
.dayCalendar .notesText{
    font-size:0.8em;
    color:#333;
}

/*********************************/
/* CALENDAR FORM*/
/*********************************/
.calendarForm{    
    margin-left:5px;    
    float:right;    
}
.calendarForm table {
    border-collapse:collapse;
    border-spacing:0;
    width:770px;
}
.calendarForm th,
.calendarForm td{
     background-color:#fff;
     font-size:0.9em;
     border:solid 1px #D9DADB;
     color:#444;
     font-weight:normal;
     padding-top:6px;
     padding-bottom:6px;
}
.calendarForm .alternate th,
.calendarForm .alternate td{
     background-color:#f7f7f7;     
}
.calendarForm th{
    width:140px;
    padding-left:10px;
    text-align:left;
    border-right:none;
}
.calendarForm td{
    padding-left:10px;
    border-left:none;
}
.calendarForm td .radio{     
    float:left;
    margin-right:26px;
}
.calendarForm td .radio input{    
    float:left;  
    margin-top:2px;
    margin-right:4px;
}
.calendarForm td .radio label{      
    float:left;
}
.calendarForm .textarea{
    width:570px;    
}
.calendarForm .whenOpt1,
.calendarForm .whenOpt2{    
    float:left;
    width:99%;
    margin-bottom:10px;
}
.calendarForm .whenOpt1 .radio,
.calendarForm .whenOpt2 .radio{      
    width:200px;  
    float:left;
    margin:0;
}
.calendarForm div.dtPicker{    
    width:300px;      
    float:left;
    margin:0;
}
body .calendarForm .dtPickerNoWidth{            
      
}
.calendarForm .dtPicker label{    
    float:left;
    margin-right:3px;
}
.calendarForm .dtPicker .text{
    border:solid 1px #999;
    float:left;
    margin-right:4px;
    width:80px;
}
.calendarForm .dtPicker input,
.calendarForm .dtPicker span{    
    float:left;
}
.calendarForm .dtPicker .date{    
    font-size:0.9em;
    margin-left:4px;
    margin-right:4px;
}
.calendarForm .whenOpt2 div.dtPicker{    
    margin-top:10px;
    margin-left:200px;    
}
.calendarForm .checkboxList label{    
    font-size:1.00em;
    margin-right:8px;
}
.calendarForm .buttonLinkContainer th,
.calendarForm .buttonLinkContainer td{
    border:none;
}
.calendarForm .buttonLinkContainer .buttonLink{
    clear:none;
    float:right;
    margin-right:5px;
}
.calendarForm select{
    border:1px solid #B6B6B6;
    color:#222;
    font-size:1.0em;
    width:auto;
}
table.withKey,
table.withKey th,
table.withKey td{
    border-bottom:none;
}
.addActivityForm table input{
    border:solid 1px #B6B6B6;
    padding:1px;
    padding-left:2px;
    padding-right:2px;
    color:#333;
    width:80px;      
    margin-right:2px;    
}
body th.widerLabel,
body .addActivityForm th{     
     width:190px;    
}

/**************************/
/* ASSISTANT JOY CONVERT */
/**************************/
.assistantJoyConvert{    
    float:left;    
    width:100%;    
}
.assistantJoyConvert .leftColumn{    
    float:left;    
    width:49.0%;  
    padding-right:0.5%;
    border-right:solid 1px #D9DADB;  
}
.assistantJoyConvert .rightColumn{    
    float:right;    
    padding-left:0.5%;
    width:49%;        
}
.assistantJoyConvert .columnTitle{
    font-weight:bold;
    color:#444;
    font-size:0.9em;
    float:left;
    margin-right:15px;
    margin-top:2px;
    margin-left:10px;
}
.assistantJoyConvert .addRemoveActivity{    
    float:left;
}
.assistantJoyConvert .addRemoveActivity img{
    float:left;
    margin-right:5px;
}
.assistantJoyConvert .addRemoveActivityLabel{
    color:#444;    
    font-size:0.8em;
    margin-top:3px;
    display:block;
    width:auto;
    white-space:nowrap;
}
.assistantJoyConvert .sectionTitle{
    color:#ff7111;
    font-weight:bold;
    font-size:0.9em;
    display:block;
    margin-left:10px;
    margin-top:18px;
    margin-bottom:6px;
}
.assistantJoyConvert .section{    
    width:98%;
    float:left;
}
.assistantJoyConvert .section .buttonLink{
    float:right;
    margin-right:5px;
}
.assistantJoyConvert .leftColumn .items{
    border:none;
    width:100%;
    margin-bottom:5px;
}
.assistantJoyConvert .leftColumn .items .item{    
    width:100%;
    height:35px;
    border:solid 1px #D9DADB;  
    margin-top:-1px;
    background-color:#f7f7f7;  
}
.assistantJoyConvert .leftColumn .items .alternate{
    background-color:#fff;       
}
.assistantJoyConvert .leftColumn .items .item .left{    
    width:75%;
    float:left;
    height:25px;
    padding-top:10px;
    font-size:0.8em;
    color:#444;
    margin-left:10px;        
}
.assistantJoyConvert .leftColumn .items .item .right{    
    width:22%;
    float:left;
    height:30px;
    padding-top:5px;            
}
.assistantJoyConvert .leftColumn .items .item .right .countValue{
    color:#ff7111;
    font-size:0.9em;
    float:left;
    display:block;
    margin-top:4px;
    font-weight:bold;    
    width:69%;
    text-align:right
}
.assistantJoyConvert .leftColumn .items .item .right input{
    float:right;
}
.assistantJoyConvert .rightColumn .items{     
    border:none;    
    width:100%;
    margin-bottom:5px;
}
.assistantJoyConvert .rightColumn .items .item{    
    width:100%;
    height:35px;
    border:solid 1px #D9DADB;  
    margin-top:-1px;
    background-color:#f7f7f7;  
}
.assistantJoyConvert .rightColumn .items .alternate{
     background-color:#fff;
}
.assistantJoyConvert .rightColumn .items .item .left{    
    width:70%;    
    float:left;    
    margin-top:5px;
    margin-left:6px;    
}
.assistantJoyConvert .rightColumn .items .item .left .img{    
    float:left;
    margin-right:5px;
}
.assistantJoyConvert .rightColumn .items .item .left .info{    
    font-size:0.9em;
    color:#444;    
    margin-top:3px;
}
.assistantJoyConvert .rightColumn .items .item .right{
    margin-top:5px;
    float:right;    
}

/***********************************/
/* MUSCLE MAP, EQUIP. LIST, VIDEO */
/*********************************/
.muscleMap{    
    float:left;
    width:100%;
}
.muscleMap .left, .muscleMap .right{
    width:245px;
    float:left;
    text-align:right;
    padding-top:71px;
    line-height:1.640em;
    padding-right:15px;
}
.muscleMap .right{
    padding-left:15px;
    padding-right:0;
    padding-top:83px;
    line-height:2.0em;    
}
.muscleMap .center{    
    width:437px;
    float:left;
}
.muscleMap a, .muscleMap a:link,
.muscleMap a:visited, .muscleMap a:hover,
.muscleMap a:active{
    display:block;    
    width:100%;    
    text-align:right;
    font-size:0.8em;
    text-decoration:none;
    color:#444;
}
.muscleMap .right a{
    text-align:left;
}    
.muscleMap a:hover{
    color:#000
}        
a.abdominals, a.quadriceps{
    margin-top:3px;
}       
a.frontCalves{
    margin-top:1px;
}
.equipmentsList{        
    width:100%;
}
.equipmentsList table{
    width:99%;        
}
.equipmentsList table td{
    font-size:1.15em;
    text-align:left;    
    padding-top:4px;
    padding-bottom:4px;
    padding-left:3px;
    border:solid 1px #D9DADB;
    vertical-align:top
}
.equipmentsList table td input,
.equipmentsList table td label{
    text-align:left;    
    display:block;
    float:left;
}
.equipmentsList table td label{
    white-space:normal;
    width:195px;
    margin-left:3px;
    text-transform:lowercase;
    cursor:pointer
}
.equipments{    
    width:99%;
    float:left;
    margin-top:20px;
}    
.videoEquipmentLeft{
    padding:0;
    float:left;    
    width:680px;    
}    
.videoEquipmentRight{
    float:right;
    width:260px;    
}        
.video {
    margin-top:16px;
    margin-bottom:20px;
    padding-top:14px;
    width:98%;
}
.video .videoInfoTitle{
    color:#333;
    font-weight:bold;       
    font-size:1.2em;
}
.video .videoInfo{
    line-height:1.4em;
    display:block;
    width:300px;
    font-size:0.8em;
    margin-top:5px;
    color:#333;    
}
.video .transcriptExerciseMovie{
    width:310px;
}

/***************/
/* ASSESSMENT */
/***************/
.assesmentList{
    float:left;
    width:100%;
    border-bottom:solid 1px #DCDDDE;   
}    
.assesmentList .item{
    background-color:#f7f7f7;    
    border:solid 1px #DCDDDE;    
    border-bottom:none;
    float:left;
    width:100%;
    margin-top:0;
    padding-bottom:8px;
} 
.assesmentList .item *{
    background-color:#f7f7f7;    
}
.assesmentList .alternate,
.assesmentList .alternate *{
    background-color:#fff;   
}
.assesmentList .item .name{
    font-size:0.9em;
    color:#555;
    display:block;
    font-weight:bold;
    margin-top:10px;
    margin-left:10px;    
    margin-bottom:10px;
}
.assesmentList .item .date{
    font-size:0.8em;
    color:#333;
    margin-left:10px;    
    margin-bottom:3px;
    display:block
}
.assesmentList .item .value{
    font-size:0.8em;
    color:#333;
    font-weight:bold;
    margin-left:10px;    
    display:block    
}
.assesmentList .item .left{
    float:left;    
    width:205px;
}
.assesmentList .item .warning{
    float:left;    
    width:32px;
    margin-top:65px;
}
.assesmentList .item .chart{
    float:left;    
    width:400px;
    margin-left:3px;
    margin-top:5px;
    border:none;
}
.assesmentList .item .buttonLinkContainer{
    float:left;    
    width:auto;
    margin-top:77px;
    white-space:nowrap;
}
.assesmentList .item .noChart{    
    margin-top:5px;
    margin-right:5px;
    float:right;
}
.assesmentList .motivation{
    width:100%;            
}
.assesmentList .motivation .buttonLinkContainer{
    float:right;    
    width:auto;
    margin-top:57px;
    margin-bottom:10px;
    margin-right:3px;
    white-space:nowrap;
}
.motivationTestInfo{    
    float:left;
    width:100%;
    padding-bottom:10px;
    border-bottom:solid 1px #ddddde;
    margin-bottom:0px;
    margin-left:5px;
}
.motivationTestInfo .left{    
    float:left;  
    font-size:0.9em;
    color:#333;  
    margin-top:1px;
}
.motivationTestInfo .right{    
    float:right;   
}
.motivationTestTitle{
    font-weight:bold;
    margin-bottom:10px;
    color:#333;
    display:block;
    margin-top:0;   
    margin-left:5px;
    font-size:0.9em;    
}
table.motivationTest{
    width:100%;
    margin-bottom:10px;
}
table.motivationTest th, table.motivationTest td{
    font-weight:normal;
    border:solid 1px #ddddde;
    background-color:#fff;
    padding-top:3px;
    padding-bottom:3px;
}
table.motivationTest th{
    font-size:0.9em;
    color:#333;
    border-right:none;
    padding-left:5px;    
}
body table.motivationTest thead th,
body table.motivationTest thead td{
    background-image: url(/wellnessportal/mywellness/images/table_header_bg.jpg);
    background-repeat:repeat-x;    
    background-color:#dedede;   
    padding-top:5px;
    padding-bottom:5px;
    vertical-align:middle;    
    font-size:0.95em;
    color:#222;
}
table.motivationTest td{
    border-left:none;  
    width:250px;  
    text-align:right;
    padding-right:5px;
    padding-top:5px;
    vertical-align:middle;    
}
table.motivationTest td.confirmCell{
    border:none;
    width:100%;    
}
table.motivationTest td.confirmCell .buttonLink{    
    float:right;
    text-align:right;
}
table.motivationTest tr.alternate th,
table.motivationTest tr.alternate td{
    background-color:#f7f7f7;
}
.quotationFooter{
    color:#666;
    font-size:0.75em
}
.assessmentData{
    font-size:0.9em;
    margin-top:10px;
    padding-top:10px;
    border-top:solid 1px #ddddde;
    margin-bottom:16px;
}
.assesmentLinksBar{
    float:left;
    width:99%;    
}
.assesmentLinksBar .left, .assesmentLinksBar .right{
    float:left;
    width:49%;    
}
.assesmentLinksBar .right{
    text-align:right;
    float:right;     
}
body .assesmentLinksBar .right .buttonLink, linkText_dx{
    text-align:right;
    float:right
}
.motivationLeft{
    width:67%;    
    float:left;
}
.motivationRight{
    width:29.9%;
    float:right;    
}
table.motivationTest td.radioHeader{
    text-align:right;   
    padding:0;    
}
td.radioHeader input{
     visibility:hidden 
}
table.motivationTest td.radioHeader label{            
}
table.motivationTest tbody td{
    padding-right:9px;
}
.motivationTest tbody label{
    visibility:hidden
}
table.motivationTest td{
    border-right:none;    
}
table.motivationTest th.validation,
table.motivationTest td.validation{
    width:10px;
    text-align:center;
    border-left:none;
    border-right:solid 1px #ddddde;
}

/***************/
/* RESULTS */
/***************/
.results .left{    
    width:70%;
    float:left;
}
.results .right{    
    width:28%;
    float:right
}
.results .box .buttonLink{    
    float:right;
}
.results .boxTitle{
    padding-top:4px;
    padding-bottom:3px;
}
.results .boxTitle .left{
    margin-top:2px;
    width:350px;    
}
.results .boxTitle .right{
    margin-right:16px;
}
.results .box .chart{
    border:none;
}
html body .results .box .chart,
html body .results .box .chart *{    
    background-color:#fff;
}
.trainingResults .left{        
    float:left;
    width:578px;
}
.trainingResults .right{    
    width:378px;
    float:right
}
.trainingResults .resultsBar{    
    float:left;
    width:100%;
    margin-bottom:10px;
}
.trainingResults .resultsBar .left{    
    width:59%;
    float:left;
    font-size:0.8em;
    display:block;
    margin-top:3px;
}
.trainingResults .resultsBar .right{    
    width:39%;
    float:right;
}
.trainingResults .resultsBar .right .buttonLink{
    float:right;    
}
.trainingResults .chartContainer{    
    width:70%;
    float:right;
}

/******************/
/* COMMUNITY */
/******************/
.community .buttonLinkContainer{
    float:right;
}
.community .team{
    font-weight:bold;
    margin-bottom:3px;
    margin-top:5px;
}
.community table{
    width:100%;    
    margin-top:10px;
}
.community table th,
.community table td{
    font-size:0.9em;
    border:solid 1px #D9DADB;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:6px;
    padding-right:6px;
}
.community table th{
    font-size:1.2em;
    color:#333;
    font-weight:normal;
    background-image: url(/wellnessportal/mywellness/images/table_header_bg.jpg);
    background-repeat:repeat-x;    
    background-color:#dedede;
    border-bottom:solid 1px #f7f7f7;      
}
.community table th.col1{
    width:150px;
}
.community table td a:link,
.community table td a:visited,
.community table td a:hover,
.community table td a:active{
    color:#444;
}
.community table td a:hover{
    color:#000
}
.community tr.alternate td{
    background-color:#f7f7f7;
}
.community tr.selected td,
.community tr.selected td a:link,
.community tr.selected td a:visited,
.community tr.selected td a:hover,
.community tr.selected td a:active{
    color:#ff7111;
    font-weight:bold;
}
.community .left{
    width:69%;
    float:left;    
}
.community .right{
    width:29%;
    float:right;    
}
.community table.personalData{
    /*width:99.9%;*/
}
.community table.personalData,
.community table.personalData th,
.community table.personalData td{
    border:solid 1px #DADBDC;
    background-image:none;
}
.community table.personalData th,
.community table.personalData td{    
    padding-left:8px;
    padding-top:5px;
    padding-bottom:5px;    
    font-size:0.9em;
    color:#333;    
}
.community table.personalData th{
     background-color:#fff;
     width:30%;         
}
.community table.personalData tr.alternate th,
.community table.personalData tr.alternate td{
    background-color:#f7f7f7;
}
.community span.personalDataTitle{
    font-weight:bold;
    display:block;
    color:#333;
    margin-top:18px;
    margin-bottom:3px;
    font-size:1.05em;
}
.community span.personalData{
    color:#555;
    font-size:0.75em;
    margin-bottom:14px;
}
.community .rank{
    margin-bottom:30px;   
}
.community .rank th{
     background-image:none;
     background-color:Transparent;
     border:none;        
     font-weight:bold;          
     color:#555;
     font-size:1.05em;
     padding-bottom:3px;
}
.community .rank td{  
    border-color:#DADBDC;
    background-color:#f7f7f7;
    font-weight:bold;
    color:#333;
}
.community .rank .l{
    width:60%;
}
.community .theme{    
    text-align:left;
}

/*newDelMsg*/
.community .newDelMsg{    
    float:left;
    width:99%;    
    margin-bottom:10px;
}
.community .newMsg .buttonLinkContainer,
.community .delMsg .buttonLinkContainer{
    float:left;    
    height:30px;
    padding-top:6px;    
}
.community .newMsg .img,
.community .delMsg .img{    
    width:60px;
    float:left;
    height:36px;        
}
.community .delMsg .img{
    width:37px;
    padding-top:5px;    
}
.community .newMsg{    
    width:220px;
    float:left;
    margin-right:10px;    
}
.community .delMsg{    
    width:220px;
    float:left;    
}
.community .summaryTitle{
    font-weight:bold;
    color:#444;
    font-size:0.9em;    
    margin-bottom:5px;
    display:block
}
.mailList{
    margin-bottom:10px;
    width:99%;
}
.mailList td.cbox{
    width:20px;
}
.mailList td.date{
    width:90px;
}
.mailList td.subject{
    width:380px;
}
.community .msgSectionSeparator{    
    font-size:0.01em;   
    margin-top:12px; 
    margin-bottom:12px;
    width:99%;
    border-bottom:solid 1px #ddd;
}
.community .formBox .body .buttonLink{
    margin-bottom:0px;
}
.community .msgTitle{
    font-weight:bold;
    font-size:1.1em;
    display:block;
    color:#444;
    margin-top:12px;
}
.community .msgLabel{
    font-size:0.9em;    
    display:block;
    color:#444;
    float:left;
    width:20%;    
    margin-top:5px;
    margin-bottom:4px;
}
.community .textLabel{
    font-size:0.9em;    
    display:block;
    color:#444;
    margin-top:10px;
    padding:2px;
    padding-left:0;    
}
.community input.text{
    border: solid 1px #B6B6B6;
    font-size:0.9em;
    color:#555;
    float:right;
    width:380px;
    margin-top:4px;
    margin-bottom:4px;   
    padding:2px; 
}
.community .msgContainer{    
    margin-top:10px;
    width:80%;
}
.community .msgContainer .textarea{
    height:200px;    
}
.community .searchTo{
    margin-left:27.5%;
    margin-bottom:22px;
}
.rbContainer,
.community .rbContainer{    
    height:16px;
    padding-top:1px;
    padding-bottom:3px;
}
.rbContainer input,
.community .rbContainer input{
    margin-top:1px;
    margin-right:2px;
    height:18px;
}
.imgMessages{
     vertical-align:middle;
     margin-top:3px;
}
.lblMessages{
     vertical-align:middle;
     margin-top:3px;
}
.newMessages{
    position:relative;
}

/**********/
/* MYKEY */
/**********/
.myKeyDemo{
    text-align:center;
}
.myKeyDemo img{
    margin-left:auto;
    margin-right:auto;
}
.myKey .faq .question{    
    font-size:0.9em;
    font-weight:bold;
    color:#333;
    background-color:#efefef;
    text-indent:4px;
    padding-top:3px;
    padding-bottom:3px;    
    display:block;
    width:100%;
    margin-bottom:4px;
    margin-top:20px;
}
.myKey .faq .answer{    
    font-size:0.9em;    
    color:#333;        
    padding-top:3px;
    padding-bottom:3px;    
    display:block;
    width:100%;
    margin-bottom:10px;
    line-height:1.4em;
}
.myKey table{
    width:100%;
    margin-bottom:8px;
    margin-top:5px;
}
.myKey table th{
    border:none;
    vertical-align:middle;
    padding-left:5px;
    font-weight:normal;
    padding-bottom:2px;
    color:#333;
    font-size:0.9em;    
}
.myKey table tr.void th{
    font-size:0.01em;  
}
.myKey table td{
    background-color:#f7f7f7
}
.myKey table th.col1{
    width:260px;
}
.myKey table td.col1{
    border-right:none;
    width:260px;
}
.myKey table th.col2,
.myKey table td.col2{
    border-left:none;
    border-right:none;
}
.myKey table td.col3{
    border-left:none;      
}
.myKey table th.col2,
.myKey table td.col2{
    width:150px;
    text-align:right;
    padding-right:2px;
}
.myKey table th.col3,
.myKey table td.col3{
    width:120px;    
    text-align:left;
    padding-right:2px;
    padding-left:50px;
}
.myKey table th.col3{
    padding-right:18px;
}
.myKey table td{
    border:solid 1px #D9DADB;
    vertical-align:middle;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:0.9em;
    color:#333;
}
.myKey ul {
    margin-left:20px;
    margin-top:10px;
    margin-bottom:14px;
    list-style-type:none;
}
.myKey ul li{
    font-size:0.9em;
    color:#333;
}
.myKey .visualizationBlock,
.myKey .modeBlock{
    margin-bottom:10px;
}
.myKey .modeBlock{
    border-top:solid 1px #D9DADB;
    padding-top:8px;
}
.myKey .buttonLinkContainer{
    float:right;
}

.myKey .modeBlock .buttonLinkContainer{
    margin-top:10px;
}

/*visualization / mode*/
.visualization, .mode{    
    float:left;    
    width:100%;    
}
.myKey .leftColumn,
.visualization .leftColumn,
.mode .leftColumn{    
    float:left;    
    width:49.0%;  
    padding-right:0.5%;
    border-right:solid 1px #D9DADB;  
    padding-bottom:180px;
}
.myKey .rightColumn,
.visualization .rightColumn,
.mode .rightColumn{    
    float:right;    
    padding-left:0.5%;
    width:49%;        
}
.myKey .sectionTitle,
.visualization .sectionTitle,
.mode .sectionTitle{
    font-size:0.9em;
    font-weight:bold;   
    color:#333;
}
body .myKey img{
    margin-bottom:10px;
}
.myKey .highlight,
.visualization .highlight,
.mode .highlight{
    color:#ff7111;
    font-size:0.9em;
    font-weight:bold;
}
.modeHeader{
    float:left;
    width:100%;    
}
.modeHeader .left{
    width:49%;
    float:left;
}
.modeHeader .left img{
    margin-bottom:12px;
}
.modeHeader .right{
    width:45%;
    float:left;    
    padding-left:10px;
    border-left:solid 1px #D9DADB;
    padding-top:3px;
    padding-bottom:25px;
}
.visualization .sectionTitleLeft{
    float:left;
    width:49%;
    height:35px;    
    margin-top:10px;
}
.visualization .sectionTitleRight{
    float:right;
    width:49%;
    height:21px;
    padding-top:14px;    
    margin-top:10px;
}
.visualization .sectionTitleRight .buttonLink{
    float:right;
}
.visualization .sectionTitleBlock{
    float:left;    
    width:100%;
    margin-bottom:20px;
    margin-top:10px;
}
.visualization .items{
    border-top:solid 1px #D9DADB;
    width:98.5%;
    margin-top:3px;
}
body .visualization .instructions{
    border:none;
}
body .visualization .instructions img{
    margin-left:0
}
.visualization .items .alternate{
    background-color:#f7f7f7;
}
.visualization .item{    
    background-color:#fff;
    float:left;
    height:31px;
    border:solid 1px #D9DADB;
    border-top:none;
    width:100%;
}
.visualization .item .text{    
    float:left;
    height:25px;
    padding-top:6px;
    padding-left:5px;
    font-size:0.9em;
    color:#444;        
    width:90%;
}
.visualization .item img, .visualization .item input{    
    float:left;
    margin-top:4px;
    margin-left:6px;
    margin-right:2px;
}
.visualization .leftColumn .buttonLeft{
	margin-top:10px;
}
.visualization .buttonLinkContainerLeft,
.mode .buttonLinkContainerLeft{
	margin-top:10px;
}
/* mode */
.mode .sectionTitle{
    margin-left:7px;    
}
.mode table{
    width:100%;
    margin-bottom:8px;
    margin-top:5px;
}
.mode table th{
    border:none;
    vertical-align:middle;
    padding-left:5px;
    font-weight:normal;
    padding-bottom:2px;
    color:#333;
}
.mode table tr.alternate td{
    background-color:#f7f7f7;
}
.mode table td{
    border:solid 1px #D9DADB;
    border-left:none;
    border-right:none;
    background-color:#fff;
    vertical-align:middle;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:0.9em;
    color:#333;
}
.mode td.col1{
    border-left:solid 1px #D9DADB;
}
.mode td.col5{
    border-right:solid 1px #D9DADB;
}
.mode td.col4 input{
    margin-right:4px;        
}
.mode td.col1{
    width:30%;
}    
.mode td.col2,
.mode td.col3,
.mode td.col4,
.mode td.col5{
    width:13%;
}
.mode td.col5 input{
    float:left;
}
.mode td.col5 span{
    margin-left:10px;
    margin-right:10px;
    width:45px;    
    display:block;
    float:left;    
    margin-top:4px;
    text-align:right;
}
.mode th.col2,
.mode td.col2{
    text-align:right;
    padding-right:115px;         
}
.mode th.col3,
.mode td.col3{
    text-align:right;
    padding-right:75px;         
}
.mode td.col4{
    padding-left:18px;
}
.mode .buttonContainer{    
    float:right;
    width:350px;
}
.mode .buttonContainer .buttonLink{
    clear:none;
    float:right;    
}

/*************/
/* TRAINING */
/*************/
.training .yesNo{
    width:140px;    
}
.training .yesNo .left{
    width:68px
}
.training .yesNo .buttonLink{    
    width:68px;
}
table.createTrainingQuestions{
    width:100%;
    margin-bottom:20px;
    margin-top:10px;
    border:solid 1px #D9DADB;
}
table.createTrainingQuestions th,
table.createTrainingQuestions td{
    font-size:0.9em;
    border:solid 1px #D9DADB;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:5px;
    padding-right:5px;
    font-weight:normal;
}
table.createTrainingQuestions tr.alternate th,
table.createTrainingQuestions tr.alternate td{
    background-color:#f7f7f7;
}
table.createTrainingQuestions th{
    border-right:none;
}
table.createTrainingQuestions td{
    width:55px;
    text-align:left;
    border-left:none;
    border-right:none;
    clear:both;
    padding-top:3px;
    padding-bottom:3px;
}
.equipmentsActivities{    
    float:left;
    color:#333;
    width:100%;
    margin-top:14px;
    margin-bottom:14px;
    font-size:0.9em;
}
.equipmentsActivities table{
    width:100%;
}
.equipmentsActivities table thead *,
.equipmentsActivities table tfoot *{
    border:none;
}
.equipmentsActivities table th{
    padding-bottom:5px;
}
.equipmentsActivities table tbody td{
    border:solid 1px #D9DADB;
    padding:6px;    
    width:50%;
    vertical-align:top;
}
.equipmentsActivities table tfoot td{
    padding:5px;
}
.equimentsActivities tbody td input{   
    margin-right:4px;
}
.equipmentsActivities table td table,
.equipmentsActivities table td table td{
    border:none;
    padding:0;
}
.equipmentsActivities .left,
.equipmentsActivities .right{            
    width:49.99%;
}
.equipmentsActivities .title{    
    font-weight:bold;
    display:block;
}
.equipmentsActivities .info{    
    font-weight:normal;
    display:block;
}
.training .agreement{
    float:left;
    width:100%;
    margin-top:7px;
    margin-bottom:15px;
}
.training .agreement input{
    display:block;
    width:auto;
    float:left;
    margin:0;
    margin-top:0px;
    margin-right:3px;
}
.training .agreement label{
    display:block;
    float:left;
    font-size:0.8em;
    color:#444;
    width:96%;
    margin-top:1px;
}
.training .leftColumn{
    width:69%;
    float:left;
}
.training .rightColumn{
    width:29%;
    float:right;
}
.training .boxTitle{
    font-size:1.1em;
}
.training .box .body
{
    padding-bottom:10px;
    padding-top:10px;
}
.training .box .separator{
    border:none;
    border-bottom:solid 1px #D9DADB;
    font-size:0.01em;
    width:99%;        
}
.training .box input{
    display:block;    
    float:left; 
    margin-top:2px;
    margin-right:3px;
}
.training .box label{
    float:left; 
    display:block;    
}
.training .box table{
    margin-left:0;
    width:99%;  
}
body .training table tr.datePickerContainer th{
    width:15%;
    font-size:0.9em;    
    padding:0;
    padding-left:2px;
    padding-right:4px;
    font-size:1.0em;
    font-weight:normal;
    color:#333;
}
body .training table tr.datePickerContainer td{
    width:87.0%;    
    padding:0;
    font-size:1.0em;
    font-weight:normal;
    color:#333;    
}
body .training table tr.datePickerContainer td .text{
    margin:0;
    margin-right:3px;
    background-color:#fff;
    font-size:0.9em;
}
body .training .textFreeTraining{
    font-size:0.9em;
    margin-left:20px;
    display:block;
    font-weight:bold;
}


/* workouts*/
.workouts .items{
    margin-top:10px;
    margin-bottom:10px;
    float:none;
    
}
.workouts .items .item{
    border:solid 1px #D9DADB;    
    border-top:none;
    float:none;
    float:left;
    width:99%;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#fff;
    border-collapse:collapse;
}
.workouts .items .itemTop{
    border:solid 1px #D9DADB;    
    border-bottom:none;
    padding:0;
    font-size:0;
    margin:0;    
    margin-bottom:0px;
}
.workouts .items .itemRecommended{
    background-color:#f7f7f7;    
}
.workouts .item .photos{
    float:left;    
    margin-right:1%;
    margin-left:1%;
    width:98%;
    margin-top:4px;
    margin-bottom:10px;
}
.workouts .item .photo,
.exerciseDetail .details div.photo{    
    border:solid 1px #D9DADB;
    background-color:#fff;
    text-align:center;
    float:left;
    margin:4px;    
    width:113px;
    height:86px;
}
.exerciseDetail .details div.photo{
    margin-left:0;
    float:left;
}
.workouts .item .photo img,
.exerciseDetail .details .photo img{
    margin:0px;
    margin-top:2px;
}
.workouts .item .titleDuration{
    display:block;
    font-size:0.8em;
    margin-top:5px;
    margin-left:1.5%;
}
.workouts .item .recommendedNotice{
    display:block;
    font-size:0.8em;
    font-weight:bold;
    margin-left:1.5%;    
    float:left;
    margin-bottom:3px;
}
.workouts .item .buttonLinkContainer{
    float:right;
    margin-right:6px;
    margin-bottom:3px;
}

/*exerciseDetail*/
.exerciseDetail .rightColumn {
    float:right;
    width:69%;
}
.exerciseDetail .buttonLinkContainerLeft{    
    float:left;
    width:45%;    
}
.exerciseDetail .buttonLinkContainerLeft .buttonLeft{
    float:left;     
    margin-right:5px;
}
.exerciseDetail .buttonLinkContainerLeft .buttonRight{
    float:left;    
}
.exerciseDetail .buttonLinkContainerRight{
    width:auto;     
    float:right;
    display:inline;
}
.exerciseDetail .details{    
    margin-top:20px;
    margin-bottom:10px;
}
.exerciseDetail .details .title{
    font-size:1.1em;
    font-weight:bold;
    color:#333;
    margin-bottom:10px;
    display:block;   
    text-transform:capitalize;
}
.exerciseDetail .details div.detailsInfo{    
    display:block;
    color:#333;
    font-size:0.8em;
    margin-top:5px;
    margin-left:5px;
    width:450px;
    float:left;    
}

/*workoutDetail*/
.workoutDetail{
    padding-bottom:20px;
}
.workoutDetail .buttonLinkContainerLeft{    
    float:left;
    width:45%;    
}
.saveResult .buttonLinkContainerRight .buttonLeft,
.workoutDetail .buttonLinkContainerRight .buttonLeft,
.openWorkout .buttonLinkContainerRight .buttonLeft{
    float:left;     
    margin-left:0px;
}
.saveResult .buttonLinkContainerRight .buttonRight,
.workoutDetail .buttonLinkContainerRight .buttonRight,
.openWorkout .buttonLinkContainerRight .buttonRight{
    float:left;    
}
.exerciseSelect .buttonLinkContainerRight,
.saveResult .buttonLinkContainerRight,
.workoutDetail .buttonLinkContainerRight,
.openWorkout .buttonLinkContainerRight,
.closeWorkout .buttonLinkContainerRight{
    width:auto;     
    float:right;
    display:inline;
    display:block;
}
.closeWorkout .buttonLinkContainerRight{
    display:block;
}
.workoutDetail table,
.openWorkout table,
.closeWorkout table,
.exerciseDetail .details table{
    width:99.9%;
    border:solid 1px #D9DADB;
    border-collapse:collapse;
    border-spacing:0;
    margin-top:10px;
    margin-bottom:12px;
    float:left;
}
.workoutDetail table th,
.openWorkout table th,
.closeWorkout table th,
.exerciseDetail .details table th{
    border-right:solid 1px #D9DADB;
    font-size:1.2em;
    color:#333;
    font-weight:normal;
    background-image: url(/wellnessportal/mywellness/images/table_header_bg.jpg);
    background-repeat:repeat-x;    
    background-color:#dedede;
    padding:8px;   
}
.exerciseDetail .details table th{
    padding:4px;
    font-size:0.9em;
}
.workoutDetail table td,
.openWorkout table td,
.closeWorkout table td,
.exerciseDetail .details table td{
    border:solid 1px #D9DADB;
    padding:8px;
    vertical-align:top;
    font-size:0.8em;
    color:#333;
}
.workoutDetail table tr.alternate td,
.openWorkout table tr.alternate td,
.closeWorkout table tr.alternate td,
.exerciseDetail .details table tr.alternate td{
     background-color:#f7f7f7;
}
.workoutDetail table tr.selected td,
.openWorkout table tr.selected td,
.closeWorkout table tr.selected td,
.exerciseDetail .details table tr.selected td{
     background-color:#D5EB70;
}
.exerciseDetail .details table td.detailsInfo{
    width:125px;    
}
.exerciseDetail .details table td.detailsInfo *{   
    border:none;
}
.openWorkout table td .link,
.exerciseDetail .details table td div.link{
    font-size:1.2em;
}
.workoutDetail table td.photoDescr{
    width:75%;
}
.workoutDetail table td.data *{
     display:inline;
}
.workoutDetail table td img,
.openWorkout table td img,
.closeWorkout table td img{
    float:left;
    margin-right:10px;
}

/*exerciseSelect*/
.exerciseSelect .imgRadio{
    width:100px;
    font-size:0.9em;
    margin-right:12px;
}
.exerciseSelect .imgRadio label{
    margin-top:1px;
}
.exerciseSelect .imgRadio *{
     
}
.exerciseSelect table.radio td{
    vertical-align:middle;
    font-size:0.9em;
    padding-right:45px;
    color:#333;
}
.exerciseSelect table.radio td *{
    float:left;
    display:inline;
}
.exerciseSelect table.radio td img,
.exerciseSelect table.radio td input{
    margin-top:1px;
    margin-right:3px;
}
.exerciseSelect table.radio td label{
    cursor:pointer;
}
.exerciseSelect .stepForm{    
    float:left;
    margin-bottom:10px; 
}
.exerciseSelect .formLabel{
    color:#333;
    font-size:0.9em;
    display:block;    
    width:100px;
    margin-right:4px;
    margin-top:2px;
    float:left;
    vertical-align:middle;        
}
.exerciseSelect select{
    color:#333;
    font-size:0.9em;
    display:block;
    float:left;    
    border:solid 1px #D9DADB;   
    width:auto; 
}

/* saveResult*/
.saveResult .title{
    display:block;
    font-weight:bold;
    float:none;
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
    color:#333;
}
.saveResult .photo{
    margin-bottom:10px;
}
.saveResult .left{
    width:300px;    
}
.exerciseForm th, .exerciseForm td{
    font-size:0.9em;
    vertical-align:middle;
    padding-top:3px;
    padding-bottom:3px;    
}
.exerciseForm th{    
    padding-right:14px;
}
.exerciseForm td{    
    padding-right:12px;
    padding-left:7px;
}
.exerciseForm td input{
    border:solid 1px #D9DADB;
    margin-right:2px;
    width:60px;
}

/*workoutOpen*/
.workoutOpen{
    float:left;
    width:100%;   
    display:block;
    border:solid 1px #fff; 
}
.workoutOpen .title{    
    font-weight:bold;
    font-size:0.9em;
    width:300px;        
}
.workoutOpen .buttonLink{
    margin-top:0;
}

/*selectMode*/
.selectMode{    
    text-align:center;       
}
.selectMode table{        
    width:100%;
    margin-top:10px;
}
.selectMode table td{
    width:auto;
    text-align:center;    
}
.selectMode .box{
    width:200px;
    height:170px;
    text-align:center;    
    margin-top:10px;
    margin-bottom:14px;  
    margin-left:auto;
    margin-right:auto;     
}
.selectMode .box .body{
     text-align:center
}
.selectMode .box .buttonLinkContainer{        
    width:100%;    
    text-align:center;    
    float:left;     
}
.selectMode .box .buttonLinkContainerAk{
    margin-left:45px;
}
.selectMode .box .buttonLinkContainerTgs{
    margin-left:78px;
}
.selectMode .box .buttonLinkContainerManual{
    margin-left:68px;
}
.selectMode .box .body input,
.selectMode .box .body img{
    margin-top:5px;
    margin-bottom:5px;
}
.workoutCloseNotice{
    display:block;
    font-weight:bold;
    font-size:0.9em;
    margin-bottom:10px;
}

/* initializeMedia*/
.initializeMedia{
    padding-bottom:20px;
}
.initializeMedia .buttonLinkContainerLeft{    
    float:left;
    width:45%;    
}
.initializeMedia .buttonLinkContainerRight .buttonLeft{
    float:left;     
    margin-right:5px;
}
.initializeMedia .buttonLinkContainerRight .buttonRight{
    float:left;    
}
.initializeMedia .buttonLinkContainerRight{
    width:auto;     
    float:right;
    display:inline;
    display:block;
}
.initializeMedia .text{
    display:block;
    font-size:0.9em;
    margin-bottom:10px;
}

/* loadTGSKeyControl*/
.loadTGSKeyControl{
    padding-bottom:20px;
}
.loadTGSKeyControl .buttonLinkContainerLeft{    
    float:left;
    width:45%;    
}
.loadTGSKeyControl .buttonLinkContainerRight .buttonLeft{
    float:left;     
    margin-right:5px;
}
.loadTGSKeyControl .buttonLinkContainerRight .buttonRight{
    float:left;    
}
.loadTGSKeyControl .buttonLinkContainerRight{
    width:auto;     
    float:right;
    display:inline;
    display:block;
}
.loadTGSKeyControl .text{
    display:block;
    font-size:0.9em;
    margin-bottom:10px;
}
table.widerLabels th{    
    width:28%;
}

/*radioTextTable*/
table.radioTextTable{
    border:none;
    width:100%;
}
table.radioTextTable td{
    border:none;
    vertical-align:middle;    
    font-size:0.9em;
    height:22px;    
}
table.radioTextTable td input{    
    width:12px;
    height:12px;    
    padding:0;
    margin:0;
    font-size:11px; 
    vertical-align:middle;    
}
table.radioTextTable td label{    
    margin-left:3px;          
    vertical-align:middle  
}
table.radioTextTable td.radioTextCell{
    width:260px;
    white-space:nowrap;    
}
table.radioTextTable td input.text{
    border:solid 1px #D9DADB;
    font-size:1.0em;
    padding:1px;
    margin:0;
    width:150px;
    height:16px;
}
table.radioTextTable td.confirmCell{
     text-align:right;
}
table.radioTextTable td.confirmCell .buttonLink{
    text-align:right;    
    float:right;
}

/************************************/
/* LANGUAGE CHOICE */
/***********************************/
.languageSelection{
    text-align:center;
}    
.languageSelection table{
    margin:0;
    margin-left:auto;
    margin-right:auto
}    
.languageSelection input{    
    margin-right:1px;
}

/************************************/
/* DOWNLOAD */
/***********************************/
.download .buttonLinkContainer{
    float:right;
}
.download table{
    width:100%;    
    margin-top:10px;
}
.download table th,
.download table td{
    font-size:0.9em;
    border:solid 1px #D9DADB;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:6px;
    padding-right:6px;
}
.download table th{
    font-size:1.2em;
    color:#333;
    font-weight:normal;
    background-image: url(/wellnessportal/mywellness/images/table_header_bg.jpg);
    background-repeat:repeat-x;    
    background-color:#dedede;
    border-bottom:solid 1px #f7f7f7;      
}
.download table th.col1{
    width:150px;
}
.download table td a:link,
.download table td a:visited,
.download table td a:hover,
.download table td a:active{
    color:#444;
}
.download table td a:hover{
    color:#000
}
.download tr.alternate td{
    background-color:#f7f7f7;
}
.download tr.selected td,
.download tr.selected td a:link,
.download tr.selected td a:visited,
.download tr.selected td a:hover,
.download tr.selected td a:active{
    color:#ff7111;
    font-weight:bold;
}
.download .summary{
    
    
    font-size:0.9em;
    padding-bottom:20px;
}
.download .text{
    float: left;
    width: 15%;
    font-weight:bold;    
}
.download .value{
    float: left;
    width: 85%;    
}