body
{
}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: none;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}:focus {outline: 0;}body {line-height: 1;color: black;background: white;}ol, ul {list-style: none;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after, q:before, q:after {content: "";}blockquote, q {quotes: "" "";}.clear {clear:both;}
.cl {clear:both}

html, body {background:#20567a;width:100%;height:100%;margin:0;padding:0;text-align:left;}

h4{font:bold 13px/13px verdana,arial,sans-serif;color:#859498;margin:24px 0 0 0;letter-spacing:-.3px;}
h5{font:bold 15px/15px verdana,arial,sans-serif;color:#20567a;margin:0 0 0 0;letter-spacing:-.3px;}


span.heading {font:normal 12px/12px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;color:#7e8c90; line-height:20px; }
span.red {font:normal 12px/12px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;color:red;  }
span.label {font:normal 12px/12px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;color:#7e8c90; }

div.MiScale
{
    background-image:url('../../images/glare.png');
    background-repeat:no-repeat;
    background-position: 0 0 0 200px;
    width:100%;
    height:100%;
      
}

/*override for radgrid lines for the web blue skin (makes the grid lines go away*/
div.RadGrid_WebBlue  .rgRow td,
div.RadGrid_WebBlue  .rgAltRow td,
div.RadGrid_WebBlue  .rgHeader,
div.RadGrid_WebBlue  th.rgResizeCol,
div.RadGrid_WebBlue  .rgFilterRow td
{
    border-left:0px solid red;
}

div#miscale {background:url(../../images/glare.png) no-repeat 70% -200px;width:100%;height:100%;margin:0;padding:0; }
#lv1 {background:url(../../images/tile.png) repeat-x 0 0 transparent;width:100%;height:46px;margin:0;padding:0;}

#lv2 {width:840px;margin:0 auto;padding:0;}

#cnt {float:left;width:840px;margin:0;padding:0;}

#txt {float:left;width:500px;padding:20px 0 0 0;}

h1 {background:url(../../images/miScale.png);width:247px;height:77px;margin:0 0 20px 0;}
h2 {font:normal 25px/27px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;color:#0d4a73;margin:0 0 20px 0;}
h3 {font:normal 20px/22px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;color:#0d4a73;margin:0 0 0 0;}

p {font:normal 14px/21px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;color:#707c7f;margin:0 0 20px 0;}


a, a:link, a:visited {text-decoration: none;color:#0d4a73;}
a:hover, a:active {text-decoration: underline;color:#0d4a73;}

#lv1 h1 {float:right;display:block;width:214px;height:20px;background:none;color:#dde0e1;font:italic 14px/14px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;padding:5px 0 0 0;}

a.bttn, a.bttn:link, a.bttn:visited {display:block;padding:2px 0 0 0;margin:0 0 15px 0;}
a.bttn:hover, a.bttn:active {display:block;padding:0 0 2px 0;}
	
#rghtClmn {float:right;width:214px;padding:110px 0 0 0;margin:0;}
	
#login {height:77px;margin:0 0 0px 0;padding:0 0 0 0; float:left; position:relative;left:70px}
#login p {font:normal 11px/11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;color:#0d4a73;margin:0 0 10px 0;float:left}
#login p.support {display:block;font:normal 11.5px/15px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;color:#0d4a73;margin:10px 0 0 0;padding:0 2px 0 0;float:left}
#login p.support a{display:block;text-decoration:underline;padding:5px 0 0 0;float:left}
	
#login .input {width:100px;font:normal 11px/11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;color:#0d4a73;border:1px solid #c2c9ca;background:url(../../images/inputBkg.gif) repeat-x 0 0 #dde0e1;padding:5px;margin:0 0 0 0;}
#loginSubmit {display:block;background:transparent url(../../images/submitBttn.gif) no-repeat 0 3px;margin:10px 0 0 0;border: none;cursor: pointer; margin: 0px;}
#loginSubmit:hover {background:url(../../images/submitBttn.gif) no-repeat 0 -42px;}
		
#loginError {height:auto;background:#4C83A2;position:absolute;top:-75px;width:100%;border-bottom:1px solid #fff;padding: 0px;}
#loginError p {display:block;padding:15px 0 0 0;color:#fff;font:bold 14px/15px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;text-align:center;}
#loginError p span{color:#eee;font:normal 11px/15px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;text-align:center;text-transform:uppercase;border-bottom:1px solid #eee;}
#loginError p span:hover{color:#fff;cursor:pointer;border-bottom:2px solid #fff;}

div#leftimage {display:block; }

p.copy {clear:both;width:100%;font:normal 10px/11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;color:#0d4a73;}

#slideshow {float:left;padding:8px;width:507px;height:223px;margin:0 0 20px 0;background:#fff;overflow:hidden;}
#slideshow img {margin:8px 0 0 8px;top:0;left:0;}

.login_section
{
    width: 500px;
    padding: 25px 0px 25px 0px;
    margin: auto;
}


.elemName { width: 150px; font-weight: bold; color: #20567a; text-align: right; }

.elem { width: 200px; }
.elem .textbox
{
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    border: outset 1px #20567a;
    background-color: #e3e6e6;
    color: #20567a;
    font-size: 11px;
    width: 250px;
    padding: 2px 5px 2px 5px;    
}
.elem .button
{
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    border: outset 1px #20567a;
    background-color: #e3e6e6;
    color: #20567a;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
}
.elem .ddl
{
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    border: outset 1px #20567a;
    background-color: #e3e6e6;
    color: #20567a;
    font-size: 11px;
    width: 260px;
    padding: 2px 5px 2px 5px;   
}

.error { width: 500px; margin: auto; color: #ff0000; font-weight: bold; text-align: center; padding: 5px; display: none; }

.title { color: #7e8c90; font-weight: bold; font-size: 18px;  }

*
{
    margin: 0px;
    padding: 0px;
    z-index: 0;
}

/*id's of the containers*/
#container
{
    margin: auto;
    width: 975px;
    height: 90%;
    background: transparent url(/members/images/bg/contrepeat.png) repeat-y top left;
}

#content
{
    margin: auto;
    width: 961px;
    height: 100%;
    font:normal 12px/12px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

#content .header
{
    background: #dde0e1 url(/members/images/bg/header.jpg) no-repeat top left;
    width: 961px;
    height: 106px;
}
#content .header .club_section
{
    width: 625px; 
    height: 76px;
    margin-left: 326px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#content .header .club_section td.add_club
{
    width: 120px;
    height: 53px;
    padding-top: 5px;
    vertical-align: top;
    text-align: right;    
}
#content .header .club_section td.club_search
{
    width: 500px;
    height: 58px;
    vertical-align: middle;
    text-align: center;
    float:left;
    background: transparent url(/members/images/bg/club_bg.png) no-repeat top left;
    padding-top:3px;
}
#content .header .club_section td.club_search .club_span
{
    display: inline-block; 
    padding-top: 9px;
    padding-left:20px;
    width: 100px;
    height: 23px; 
    font-weight: bold;
    font-size: 12px;
    float:left;
    color:#7e8c90;
}

#content .header .club_section td.club_search .list_container
{
    display: inline-block; 
    padding-top: 7px; 
    padding-left:10px;
    width: 340px; 
    height: 23px; 
    margin-right: 10px; 
    background-color: #a4aeb0; 
    color: #ffffff; 
    font-size: 12px; 
    font-weight: bold;
    text-align:left;
}
#content .header .club_section td.club_search .list
{
    display: inline-block; 
    width: 310px; 
    text-align: left;
}

#content .title
{
    font-size: 18px;
    color: #0d4a72
}
#content .subtitle
{
    color: #7e8c90;
    font-size: 16px;
}

.list_item
{
    font-size: 10px;
    font-weight: bold;
    color: #114264; 
    background-color: #e3e6e6;
    border: solid 2px #e3e6e6;
    padding: 5px 10px;
    cursor: pointer; 
}
.list_item:hover
{
    font-size: 10px;
    font-weight: bold;
    color: #114264; 
    border: solid 2px #114264;
    background-color: #e3e6e6; 
    padding: 5px 10px;
    cursor: pointer;
}
#content .header .club_section td.club_search .arw
{
    display: inline-block;
    width: 16px;
    height: 9px;
    background: transparent url(/members/images/elem/arrow.jpg) no-repeat top left;
    cursor: pointer;
}

#content .header .club_section td.add_owner
{
    width: 615px;
    height: 16px;
    vertical-align: bottom;
    text-align: right;
    padding-right: 10px;
}

#content .modules
{
    background: #dde0e1 url(/members/images/bg/modrepeat.jpg) repeat-x top left;
    border: none;
    border-top: solid 1px #ffffff;
    width: 936px;
    height: 178px;
    padding: 12px 12px 12px 12px;    
}
#content .modules .welcome
{
    width: 288px;
    height: 178px;
    float: left;
}
#content .modules .welcome .title
{
    color: #0d4a72;
    font-weight: bold;
    font-size: 23px;    
}

#content .modules .welcome .access_account_msg 
{
	
    color: #02567D;
    font-weight: bold;
    font-size: 17px;    
    margin-top: 20px;
    
}

.access_account_msg {
	
    color: #02567D;
    font-weight: bold;
    font-size: 17px;    
    margin-top: 20px;
    
}

#content .modules .welcome .subtitle
{
    color: #7e8c90;
    font-size: 18px;
}
.cur_org_lbl
{
    font-size: 13px;
    font-weight: bold;
    color: #7e8c90;
    margin-top: 20px;
}
.cur_org_lbl .span { font-size: 10px; font-weight: normal; }
.cur_org
{
    font-size: 18px;
    font-weight: bold;
    color: #6f7c80;
}

.component
{
    width: 207px;
    height: 178px;
    background: transparent url(/members/images/bg/modcomp.png) no-repeat top left;
    margin-left: 6px;
    margin-top:5px;
    margin-bottom:6px;
    float: left;
}
.component .titleC
{
    margin: auto;
    margin-top: 25px;
    font-size: 9px; 
    color: red;
    font-weight: bold;
    text-transform: uppercase;
    width: 178px;
}
.component .subtitleC
{
    width: 178px;
    margin: auto;
    font-size: 10px;
    font-weight: bold;
    color: #7e8c90;
}
.component .stats
{
    width: 162px;
    margin: auto;
    margin-top: 15px;
    color: #ffffff;
    font-size: 36px;
     line-height:36px;
}
.component2
{
    width: 207px;
    height: 178px;
    background: transparent url(/members/images/bg/modcomp2.png) no-repeat top left;
    margin-left: 6px;
    float: left;
    margin-top:3px;
}
.component2 .titleC
{
    width: 178px;
    margin: auto;
    font-size: 11px;
    font-weight: bold;
    color: #7e8c90;
    margin-top: 25px;
    line-height:20px;
     
}
.component2 .categoryA
{
    width: 172px;
    margin: auto;
    font-size: 18px;
    font-weight: bold;
    color: #7e8c90;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-right: 0px;
    line-height:23px;
    text-align:right;
    padding-left:40px;
}

.component2 .categoryB
{
    width: 172px;
    margin: auto;
    font-size: 18px;
    font-weight: bold;
    color: #7e8c90;
    margin-top: 14px;
    margin-bottom: 10px;
    padding-right: 0px;
    line-height:23px;
    text-align:right;
    padding-left:15px;
}
.component2 .categoryC
{
    width: 172px;
    margin: auto;
    font-size: 18px;
    font-weight: bold;
    color: #7e8c90;
    margin-top: 14px;
    margin-bottom: 10px;
    padding-right: 0px;
    line-height:23px;
    text-align:right;
    padding-left:40px;
}

#content .infoblock
{
    background: #dde0e1 url(/members/images/bg/contentrepeat.jpg) repeat-x top left;
    vertical-align: top;
}


#content .infoblock .sidebarTop
{
    background-color: #f8f9f9;
    width: 240px;   
    margin-right: 10px;
    margin-left:10px;
    margin-top:10px;
    display: block;
    padding-bottom: 20px;
    vertical-align: top;
    padding-top:10px;
    
}
#content .infoblock .sidebarTop .sidebar_content
{
   margin:10px 15px 15px 15px;
    width:240px;
}
#content .infoblock .sidebarTop .sidebar_content .title
{
    font-size: 20px;
    font-weight: bold;
    color: #0d4a72;
    
}
#content .infoblock .sidebarTop .sidebar_content .subtitle
{
    color: #7e8c90;
    font-size: 18px;
}

#content .infoblock .sidebar
{
    background-color: #f8f9f9;
    width: 230px;   
    margin-right: 1px;
    display: block;
    float: left;
    padding-bottom: 20px;
}

#content .infoblock .sidebar .sidebar_content
{
    width: 230px;
    height: 250px;
}

#content .infoblock .sidebar .sidebar_content .title
{
    font-size: 23px;
    font-weight: bold;
    color: #0d4a72;
    margin-bottom: 5px;
    line-height:25px;
    margin-top:10px;
    
}
#content .infoblock .sidebar .sidebar_content .trainer
{
    width: 215px;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    background-color: #f3f4f4;
    color: #7e8c90;
    text-align: left;
    margin-top: 9px;

    
}
#content .infoblock .sidebar .sidebar_content .trainer:hover
{
    width: 215px;
    background: transparent url(/members/images/bg/trainer_over.jpg) no-repeat top left;
    z-index: 1000;
    color: #ffffff;
}

#content .infoblock .sidebar .sidebar_content .trainer_active
{
    width: 215px;
    background: transparent url(/members/images/bg/trainer_over.jpg) no-repeat top left;
    z-index: 1000;
    color: #ffffff;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    text-align: left;
    margin-top: 9px;
}
#content .infoblock .sidebar .sidebar_content .trainer_active:hover
{
    color: #f4f3f3;
}

#content .sidebar .sidebar_content a
{
      color:#7e8c90;
      font-size: 12px;
}

#content .infoblock .controls_infobar
{
    width: 930px;
    display: block;
    padding-bottom: 100px;
    margin: auto;
}

#content .sidebar_legend
{
    background-color: #f8f9f9;
    width: 270px; 
    height: 26px;
    vertical-align: middle;  
    margin-right: 12px;
    display: block;
    float: left;
}
.infobar_legend
{
    background-color: #f8f9f9;
    width: 651px; 
    height: 26px;
    vertical-align: middle;  
    display: block;
    float: left;
    font-size: 9px;
}
.infobar_legend div
{
    float:left;
    vertical-align: middle;
}
.infobar_legend div.separate
{
    margin-right: 5px;
    padding-top:3px; 
    vertical-align:middle;
}

#content .infoblock .infobar
{
    background-color: #f8f9f9;
    width: 651px;
    display: block;
    float: left;
    padding-bottom: 6 0px;
    
}

#content .infoblock .infobar_reports
{
    background-color: #f8f9f9;
    width: 651px;
    display: block;
    float: left;
    margin-top: 0px;
    padding-bottom: 20px;
    overflow: auto;
    
}

div.userContentHolder
{
     width:630px;
     margin:15px 15px 15px 5px;
}
     

#content .infoblock .infobar .infobar_content
{
    margin: 15px;  
    width:600px;
    height: auto;
}
#content .infoblock .infobar .infobar_content .title
{
    font-size: 23px;
    font-weight: bold;
    color: #0d4a72;
    margin-bottom: 15px;
}

/* Client Table*/
#content .infoblock .infobar .infobar_content .clients_table
{
    width: 621px;
    border: none;
    background-color: #e3e6e6;
}
#content .infoblock .infobar .infobar_content .header_cell
{
    border: none;
    background-color: #ffffff;
    color: #7e8a8e;
    font-size: 10px; 
    text-transform: uppercase;
}
#content .infoblock .infobar .infobar_content .header_cell:hover
{
    border: none;
    background-color: #f4f3f3;
    color: #114264;
    font-size: 10px; 
    text-transform: uppercase;
    font-weight: bold;
}
#content .infoblock .infobar .infobar_content .cell
{
    border: none;
    background-color: #e3e6e6;
    color: #6f7c80;
    font-size: 10px; 
    padding-top: 5px; 
    padding-bottom: 5px;
    border-right: outset 1px #f4f3f3;
    vertical-align: middle;
}
#content .infoblock .infobar .infobar_content .cell_alt
{
    border: none;
    background-color: #eaecec;
    color: #6f7c80;
    font-size: 10px;
    padding-top: 5px; 
    padding-bottom: 5px;
    border-right: outset 1px #f4f3f3;
    vertical-align: middle;
}

/* Reports Table*/
#content .infobar .infobar_reports .reports_table
{
    width: 621px;
    border: none;
    background-color: #ffffff;
}
#content .infobar .infobar_reports .header_cell
{
    border: none;
    background-color: #ffffff;
    color: #7e8a8e;
    font-size: 10px; 
    text-transform: uppercase;
    height: 15px;
}

#content .infobar .infobar_reports .header_cell a
{
    color: #7e8a8e;
    font-size: 10px; 
    text-decoration: none;
}

#content .infobar .infobar_reports .header_cell a:hover
{
    color: #7e8a8e;
    font-size: 10px; 
}

#content .infobar .infobar_reports .header_cell a:active
{
    color: #7e8a8e;
    font-size: 10px; 
}

#content .infobar .infobar_reports .header_cell a:visited
{
    color: #7e8a8e;
    font-size: 10px; 
}

#content .infobar .infobar_reports .header_cell:hover
{
    border: none;
    background-color: #f4f3f3;
    color: #114264;
    font-size: 10px; 
    text-transform: uppercase;
    font-weight: bold;
}
#content .infobar .infobar_reports .cell
{
    border: none;
    background-color: #e3e6e6;
    color: #6f7c80;
    font-size: 10px; 
    padding-top: 5px; 
    padding-bottom: 5px;
    border-right: outset 1px #f4f3f3;
    vertical-align: middle;
}
#content .infobar .infobar_reports .cell_alt
{
    border: none;
    background-color: #eaecec;
    color: #6f7c80;
    font-size: 10px;
    padding-top: 5px; 
    padding-bottom: 5px;
    border-right: outset 1px #f4f3f3;
    vertical-align: middle;
}

#footer
{
    display: block;
    margin: auto;
    width: 970px;
    height: 25px;
    background-color: #20567a;
    vertical-align: middle;
    padding-left: 6px;
    color: #ffffff;
}

/* GENERIC CLASSES */
.addbutton
{
    color: #7e8a8e;
    font-weight: bold;
    font-size: 9px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    text-transform: uppercase;
    width: 100px;
    height: 16px;
    background: transparent url(/members/images/elem/btn.png) repeat-x top left;
    border: none;
    vertical-align: middle;
    cursor: pointer;
}
.addbutton:hover
{
    color: #7e8a8e;
    font-weight: bold;
    font-size: 9px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    text-transform: uppercase;
    width: 100px;
    height: 16px;
    background: transparent url(/members/images/elem/btn_over.png) repeat-x top left;
    border: none;
    vertical-align: middle;
    cursor: pointer;
}

.modal
{
    background: #f4f3f3; 
    border: solid 5px #7e8c90;
    padding-bottom: 50px;
}
.modal_bg
{
    background: #20567a;
    -moz-opacity:.70; 

}
.tip
{
    font-size: 8px;
    text-transform: uppercase;
    font-style: italic;
    color: #808080;
}

.calendar 
{
    font: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    background: #20567a;
    color: #f4f3f3;
    border: outset 2px #f4f3f3;    
}
.calendar
.ajax__calendar_container {


z-index : 1004 ;  

}

.calendar
.ajax__calendar_other .ajax__calendar_day,

.calendar
.ajax__calendar_other .ajax__calendar_year {

z-index : 1004 ;  
color: #7e8a8e;

}

.calendar
.ajax__calendar_hover .ajax__calendar_day,

.calendar
.ajax__calendar_hover .ajax__calendar_month,

.calendar
.ajax__calendar_hover .ajax__calendar_year {

z-index : 1004 ;  
color: #7e8a8e;

}

.calendar
.ajax__calendar_active .ajax__calendar_day,

.calendar
.ajax__calendar_active .ajax__calendar_month,

.calendar
.ajax__calendar_active .ajax__calendar_year {

z-index : 1004 ;  
color: #7e8a8e;
font-weight:bold;

}

.trainer_list_mini
{
    width: 200px;
    height: auto;
    position: absolute;
    top: 0px; 
    left: 0px;
    padding: 10px;
    font-size: 10px;
    background: #f4f3f3;
    border: outset 1px #20567a;    
}

.mini_trainer_list_item { color: #20567a; cursor: pointer; }
.mini_trainer_list_item:hover 
{ 
    font-weight: normal;  
    background: #eaecec;
}

/*****************************  LAYOUT  **************************************/

.miAccount { background: transparent; }
.miAccount #miscale {width:651px;padding:0 0 0 0px;}	
		
#miAccountHist {position:relative;top:0px;left:0;background:url(/members/roles/imgs/miAccount/slidebkg.png) no-repeat 0 0;height:275px;width:651px;z-index:0}
#miAccountHist .next {float:left;display:block;background:url(/members/roles/imgs/miAccount/bigBtnBkg.png) no-repeat 100% 0;height:248px;width:100px;margin:9px 0 0 0;}
#miAccountHist .next b{background:url(/members/roles/imgs/miAccount/arrows.png) no-repeat 0 0;display:block;height:47px;width:38px;margin:97px 0px 0px 25px;}
#miAccountHist .next:hover b{background:url(/members/roles/imgs/miAccount/arrows.png) no-repeat 0 -56px;display:block;}
		
#miAccountHist .prev {float:right;display:block;background:url(/members/roles/imgs/miAccount/bigBtnBkg.png) no-repeat 0 0;height:248px;width:100px;margin: 9px 0 0 0px;}
#miAccountHist .prev b{background:url(/members/roles/imgs/miAccount/arrows.png) no-repeat 0 -112px;display:block;height:47px;width:38px;margin: 97px 25px 0px 0px;float:right;}
#miAccountHist .prev:hover b{background:url(/members/roles/imgs/miAccount/arrows.png) no-repeat 0 -167px;display:block;}
	
#acctDetails {position:relative;top:0px;height:265px;width:500;right:0;overflow:hidden;margin:0;padding-top:10px;}
	
ul#acctItems {position:absolute;height:265px;width:2000em;margin:0;padding:0;right:0;float:right;}
#acctItems li {cursor:pointer;float:right;display:block;background:url(/members/roles/imgs/miAccount/item.png) no-repeat 50% 0;height:246px;width:225px;text-align: center;margin:0;padding:0px;}
#acctItems li:hover {background:url(/members/roles/imgs/miAccount/item.png) no-repeat 50% -252px;}
#acctItems li.active {background:url(/members/roles/imgs/miAccount/item.png) no-repeat 50% -504px;}
#acctItems .goals {height:84px;padding:10px;margin:3px 0 0 0;}
#acctItems .day {background:url(/members/roles/imgs/miAccount/goal-bkg.png) no-repeat 50% 0;}

#launchGraph{display:block;background:url(/members/roles/imgs/miAccount/viewGraph.png) no-repeat 0 0;height:92px;width:252px; margin: auto; margin-top: 25px;}


/*MiAccount page*/
.miAccount h2 {text-align:right;font:normal 12px/12px verdana,arial,sans-serif;color:#13476a;padding:0;}
.miAccount h2 em{color:#91a1a4;}
.miAccount h3 {display:block;background:url(/members/roles/imgs/miAccount/miAccount.png) no-repeat 0 0;height:23px;width:112px;text-align:center;margin:0 0 0 -46px;}


/***********************************   Fonts    *********************************************/

.miAccount div.details h4{font:bold 13px/13px verdana,arial,sans-serif;color:#859498;margin:24px 0 0 0;letter-spacing:-.3px;}
.miAccount div.details h4 strong{display:block;font:bold 40px/40px verdana,arial,sans-serif;color:#567077;letter-spacing:-1.5px;}
.miAccount div.details h4 em {display:block;font:normal 17px/17px verdana,arial,sans-serif;color:#859498;padding:10px 0 20px 0;text-decoration:none;}
.miAccount div.details h4 em i{font-weight:bold;font-style:normal;color:#567077;}

.miAccount .today .details h4 {color:#0d4b73;}
.miAccount .today .details h4 strong {color:#0d4b73;}
.miAccount .today .details h4 em {color:#0d4b73;}
.miAccount .today .details h4 em i{color:#0d4b73;}

.miAccount .goals h4{font:bold 13px/13px verdana,arial,sans-serif;color:#859498;margin:0;letter-spacing:-.3px;text-transform:uppercase;padding:0;}
.miAccount .goals h4 strong{background:url(/members/roles/imgs/miAccount/smLbs.png) no-repeat 100% 84%;font:bold 40px/40px verdana,arial,sans-serif;color:#567077;letter-spacing:-1.5px;padding:0 28px 0 10px;}
.miAccount .goals h4 em {background:url(/members/roles/imgs/miAccount/seperator.png) no-repeat 50% 0;display:block;font:normal 17px/19px verdana,arial,sans-serif;color:#567077;padding:9px 0 20px 0;margin:6px 0 0 0;}
.miAccount .goals h4 em a{display:block;font:normal 17px/19px verdana,arial,sans-serif;color:#567077;text-decoration: none}
.miAccount .goals h4 em a:hover{color:#fff;}

.miAccount .goals h4 em i{font-weight:bold;font-style:normal;color:#567077;}

.miAccount .goals.day h4 {padding:0;}
.miAccount .goals.day h4 i{background:url(/members/roles/imgs/miWeight/smYllwStar.png) no-repeat 0 3px;font:bold 16px/16px verdana,arial,sans-serif;color:#eaeeef;text-transform:uppercase;padding:0 0 0 17px;}
.miAccount .goals.day h4 strong{font:bold 50px/47px verdana,arial,sans-serif;color:#eaeeef;letter-spacing:-1.5px;}
.miAccount .goals.day h4 em {background-image:none;display:block;font:normal 14px/14px verdana,arial,sans-serif;color:#eaeeef;padding:5px 0 0 0;margin:0;text-transform: none;text-decoration:none;}

/*-Line Graph-*/
/*Line Graph from MiAccount Screen*/	
#lineGraph {position:relative;top:0px;left:0;z-index:500;background:url(/members/roles/imgs/lineGraph/glare.gif) no-repeat 0 0 #104364;height:400px;width:651px;margin:0;padding:0;}
	
#lineGraph #graphHolder {position:relative;top:0;left:0;width:651px;height:400px;padding: 10px; margin:0 auto;}
#lineGraph #_graphScroll {background:url(/members/roles/imgs/lineGraph/grid.gif) repeat transparent;width:630px;height:375px;padding:0;margin:0;overflow: hidden;}
#lineGraph .scroll-pane {float: left;}

#lineGraph #graphHolder #graphData {width:615px;height:365px;}
#lineGraph #graphHolder canvas {margin-left:15px;}
	
	




/* Horizontal scroll bar */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 99;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
	background:url(../imgs/lineGraph/scrollBkg.png) repeat-x 0 0 #0b324d;
}

.jScrollIntervalTrack { 
	position: absolute;
}

.jScrollPaneDrag {
	position: absolute;
	height:16px;
	margin:0 0 1px 0;
	background:url(../imgs/lineGraph/handle.png) repeat-x transparent;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragLeft {
	background:url(../imgs/lineGraph/handleL.png) no-repeat 0 0 #0b324d;
	width:6px;
	height:16px;
	margin:0 0 1px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragRight {
	background:url(../imgs/lineGraph/handleR.png) no-repeat 100% 0 #0b324d;
	width:6px;
	height:16px;
	margin:0 0 1px 0;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	width: 10px;
}
a.jScrollArrowLeft:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	width: 10px;
}
a.jScrollArrowRight:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* telerix gridcontrol tabs */

    .viewWrap
    {
        padding:15px;
        background:#2291b5 0 0 url(Img/bluegradient.gif) repeat-x;
    }
    
    .contactWrap
    {
        padding:10px 15px 15px 15px;
        background:#fff;
        color:#333;
    }
    
    .contactWrap td
    {
        padding:0 20px 0 0;
    }
    
    .contactWrap td td
    {
        padding:3px 20px 3px 0;
    }
    
    .contactWrap img
    {
        border:1px solid #05679d;
    }