/* Global FxD Site CSS */

/* Define font choices */


body {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-weight: normal;
    background-image: url(/media/images/bluesky.png);
    background-repeat: repeat-x;
    /*width: 970px;
    margin: 0px auto;*/
}

#container {
    position: relative;
    width: 970px;
    margin: 0px auto;
    height: 760px;
}

/* This sets us to be in the center of the browser window */

#wrapper {
    position: absolute;
    width: 970px;
    /*left: 20px;*/
    margin: 0px;
    height: 760px;
}

#footer {
    position: relative;
    top: 0px;
    margin-left: auto; /* 50 */
    margin-right: auto;
    width: 850px;
    text-align: center;
    color: #606060;
    font-size: 0.75em;
}

a {
    color: #e0e0e0;
    text-decoration: none;
}

a:hover {
    color: #000000;
    font-weight: normal;
}


/* Generic header formatting */

#header {
    position: absolute;
    background-image: url(/media/images/header_background_970_70.png);
    width: 970px;
    height: 70px;
    top: 0px;
    left: 0px;
}

#leftHeader {
    position: absolute;
    width: 175px;
    height: 70px;
    top: 0px;
    left: 0px;
}
    
#middleHeader {
    position: absolute;
    left: 175px;
    height: 70px;
    top: 0px;
    width: 425px;
}

#rightHeader {
    position: absolute;
    left: 600px;
    height: 70px;
    top: 0px;
    width: 350px;
}

#headerLogo {
    position: absolute;
    top: 5px;
    left: 20px;
}

#clientNameHeader {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 150px;
    text-align: right;
}

.headerButton {
    position: absolute;
    background-image: url(/media/images/button_75_25.png);
    height: 25px;
    width: 75px;
    top: 10px;
    text-align: center;
    font-weight: lighter; 
}

.headerButton a {
    color: #8c8c8c;
    display: block;
}

.headerButton a:hover {
    color: #000000;
    background-image: url(/media/images/button_dark_75_25.png);
}

#coachSelectHeader {
    left: 0px;
}

#workoutTemplateHeader {
    left: 90px;
}

#trainingPeaksHeader {
    left: 180px;
}

#workoutEntryHeader {
    left: 180px;
}

#coachGraphHeader {
    left: 100px;
}

#clientLogoutHeader {
    left: 255px;
}

#clientSettingsHeader {
    left: 165px;
}

#main {
    position: absolute;
    width: 970px;
    top: 50px;
    left: 0px;
    height: 660px;
}

#menuBar {
    position: absolute;
    width: 970px;
    top: 20px;
    left: 0px;        
    height: 31px;
/*    background-image: url(/media/images/line_top_5_30.png);  */  
}


.MenuOption {
    position: absolute;
    width: 130px;
    height: 31px;
    top: 1px;
    left: 0px;
    text-align: center;
    font-size: 1.25em;
    font-weight: lighter;
    color: #e0e0e0;
    background-image: url(/media/images/tab_130_31.png);
    z-index: 1;
}

.MenuText {
    position: absolute;
    width: 115px;
    top: 0px;
    left: 0px;
    text-align: center;
}

.MenuOption a {
    display: block;
}

.MenuOptionSelect {
    background-image: url(/media/images/subtab_sel_90_26.png);
}

.MenuOptionSelect a {
    color: #9c1c26;
    font-weight: normal;    
}

.MenuOptionSelect a:hover {
    color: #9c1c26;
    font-weight: normal;
}

#menuOption-1 {
    left: 0px;
}

#menuOption-2 {
    left: 115px;
}

#menuOption-3 {
    left: 230px;
}

#menuOption-4 {
    left: 345px;
}

#menuOption-5 {
    left: 460px;
}

#menuOption-6 {
    left: 575px;
}

#menuOption-7 {
    left: 690px;
}

#menuOption-8 {
    left: 805px;
}

#contentWrapper {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 970px;
    height: 620px;
}

#rest {
    position: absolute;
    height: 620px;
    width: 970px;
    top: 0px;
    left: 0px;
    background-image: url(/media/images/main_box_970_620.png);
    z-index: 0;
}

.SubBox {
    position: absolute;
    top: 0px;
    left: 0px;        
    width: 420px;
    height: 296px;    
}

.SubBar {
    position: absolute;
    top: 1px;
    left: 0px;        
    width: 420px;
    height: 25px;
}

.SubDisplay {
    position: absolute;
    top: 25px;
    left: 0px;        
    width: 420px;
    height: 270px;
    background-image: url(/media/images/subtab_box_420_270.png);
    z-index: 0;
}

.SubBoxLarge {
    position: absolute;
    top: 0px;
    left: 0px;        
    width: 600px;
    height: 571px;    
}

.SubBarLarge {
    position: absolute;
    top: 1px;
    left: 0px;        
    width: 600px;
    height: 25px;
}

.SubDisplayLarge {
    position: absolute;
    top: 25px;
    left: 0px;        
    width: 600px;
    height: 545px;
    background-image: url(/media/images/subtab_box_600_545.png);
    z-index: 0;
}

.SubBox420x560 {
    position: absolute;
    top: 0px;
    left: 0px;        
    width: 420px;
    height: 586px;    
}


.SubDisplay420x560 {
    position: absolute;
    top: 25px;
    left: 0px;        
    width: 420px;
    height: 560px;
    background-image: url(/media/images/subtab_box_420_560.png);
    z-index: 0;
}

.Box420x560 {
    position: absolute;
    top: 0px;
    left: 0px;        
    width: 420px;
    height: 586px;    
}


.BoxDisplay420x560 {
    position: absolute;
    top: 25px;
    left: 0px;        
    width: 420px;
    height: 560px;
    background-image: url(/media/images/box_420_560.png);
    z-index: 0;
}

.SubBox920x560 {
    position: absolute;
    top: 0px;
    left: 0px;        
    width: 920px;
    height: 586px;    
}

.SubDisplay920x560 {
    position: absolute;
    top: 25px;
    left: 0px;        
    width: 920px;
    height: 560px;
    background-image: url(/media/images/subtab_box_920_560.png);
    z-index: 0;
}

.SubBox920x260 {
    position: absolute;
    top: 0px;
    left: 0px;        
    width: 920px;
    height: 266px;    
}

.SubBar920 {
    position: absolute;
    top: 1px;
    left: 0px;        
    width: 920px;
    height: 25px;
}

.SubDisplay920x260 {
    position: absolute;
    top: 25px;
    left: 0px;        
    width: 920px;
    height: 260px;
    background-image: url(/media/images/subtab_box_920_260.png);
    z-index: 0;
}

.SubOption {
    position: absolute;
    width: 90px;
    height: 26px;
    top: 0px;
    left: 0px;
    text-align: center;
    font-size: 1em;
    font-weight: lighter;
    color: #000000;
    background-image: url(/media/images/subtab_90_26.png);
    z-index: 1;
}

.SubOptionSelect {
    background-image: url(/media/images/subtab_sel_90_26.png);
}

.SubOptionSelect a {
    color: #9c1c26;
    font-weight: normal;    
}

.SubOptionSelect a:hover {
    color: #9c1c26;
    font-weight: normal;
}

.subOptionText {
    position: absolute;
    width: 75px;
    top: 3px;
    left: 0px;
    text-align: center;
    font-size: 0.9em;
}

.subOptionTextData {
    top: 20px;    
}

.SubOption a {
    display: block;
}

.SubOption-1 {
    left: 0px;
}

.SubOption-2 {
    left: 79px;
}

.SubOption-3 {
    left: 158px;
}

.SubOption-4 {
    left: 237px;
}

.SubOption-5 {
    left: 316px;
}

.SubOption-6 {
    left: 395px;
}

.SubOption-7 {
    left: 474px;
}

.SubOption-8 {
    left: 553px;
}