/* HEADER ELEMENTS*/

#navSearch .roundInput_field {
    color: #444; /*666*/
    width: 130px;
}

/* TO ALLOW FOR TEXT RESIZING THIS NEEDS TO BE SIZED WITH EMS - TRY NOT TO DO THIS ELSEWHERE, IF AT ALL POSSIBLE  */
#mainNav {
    width: 46em; /* was 48em */
    overflow: hidden;
    height: 8.6em; /* was 8.08em, 7.6em */ 
}

#mainNav ul {
    list-style-type: none;
    float: right;
}

#mainNav li.navItem {
    display: block;
    float: left;
    padding: 0 15px 0 0; /* was 18 */
    border-right: 1px solid #8f8f8f;
    margin: 0 15px 0 0;  /* was 18 */
    text-transform: uppercase;
    font-size: .92em;
    /* NEXT THREE RULES HANDLE POSITIONING OF OF SUBNAV WHEN THERE IS NO JS*/
    position: relative;
    top: 0;
    left: 0;
}

#mainNav li.lastItem {
    padding: 0;
    border: 0;
    margin: 0;
}

#mainNav .subNav {
    height: 8em; /* was 6.25, 6.5 */
    width: 810px;
    overflow: hidden;
    padding-top: 5px; /* was 10px */
    font-size: 10px;
    *text-indent: 2px; /* IE ONLY STLYE */
    text-transform: uppercase;
    /* NEXT THREE RULES GET OVERWRITTEN WITH JS */
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #fff;
}

#mainNav .subNav ul {
    float: left;
    width: 160px;
    padding:  0 2px 0 0; /* was 16px */
}

#mainNav .subNav li {    
    float: none;
    padding: 3px 0 3px 0;
    border: 0;
    border-bottom: 1px dotted #ccc;
    margin: 0;
}

#mainNav .subNav li.lastSub {
    border: 0; 
}

#mainNav a:link, #mainNav a:visited {
    color: #444; /*666*/
}

#mainNav a:hover, #mainNav .selectedItem a:link, #mainNav .selectedItem a:visited {
    color: #2569b2;
}

#languages {
    width: 66.5em; /* was 48em */
    overflow: hidden;
    height: 1.9em; /* was 8.08em */ 
}
#languages ul {
    list-style-type: none;
    float: right;
}
#languages li.navItem {
    display: block;
    float: left;
    padding: 0 15px 0 0; /* was 18 */
    border-right: 1px solid #8f8f8f;
    margin: 0 15px 0 0;  /* was 18 */
    text-transform: uppercase;
    font-size: .92em;
    /* NEXT THREE RULES HANDLE POSITIONING OF OF SUBNAV WHEN THERE IS NO JS*/
    position: relative;
    top: 0;
    left: 0;
}
#languages li.lastItem {
    padding: 0;
    border: 0;
    margin: 0;
}
#languages a:link, #languages a:visited {
    color: #444; /*666*/
}
#languages a:hover, #languages .selectedItem a:link, #languages .selectedItem a:visited {
    color: #2569b2;
}


.timelineHeading {
    width: 800px;
    overflow: hidden;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 2px;
}

.timelineHeading a:link,
.timelineHeading a:visited, 
.timelineHeading a:hover,
.timelineHeading a:active {
    color: #444; /*666*/
    text-decoration: none;
}

.timelineHeading ul {
    width: 900px;
    height: 28px;
    background: url('/images/css/timelineSegment.gif') 0 0 no-repeat;    
}

.timelineHeading li {
    float: left;
    width: 213px;
    margin-left: -12px;
    height: 28px;
}

.timelineHeading .selectedItem,
.timelineHeading .normalItem
{
    display: block;
    height: 16px;
    padding: 5px 0 7px 18px;
}

.timelineHeading .selectedItem a:link,
.timelineHeading .selectedItem a:visited {
    color: #fff;
}

.timelineHeading .selectedItem  {
    background: url('/images/css/timelineSegment_on.gif') 0 0 no-repeat;
}

.timelineHeading .lastItem .selectedItem {
    background-image: url('/images/css/timelineSegment_long_on.gif');
}

.headerImage {
    padding-bottom: 2px;
}

.headerImage img {
    float: left;
}

#pageTitle {
    margin: 15px 0 10px 0;
    padding: 0;
    font-size: 22px;
    color: #003366;
    /*position: relative;*/
    float:left;
    top: 0;
    left: 0;
    width: 600px;
    /*padding: 0 200px 0 0;*/
}

#languageList {
    margin: 4px 0 0 0;
    padding: 0;
}
.languageLink {
    font-size: 11px;
    text-transform: uppercase;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    display: inline;
    font-family: "Arial", "Helvetica", sans-serif;
    color: #aaa;
}
.languageLink a{
    color: #2569b2;
}

.articleActions {
    font-size: 11px;
    line-height: 1.4;
    /*position: absolute;*/
    display: block;
    float: right;
    padding-top: 10px;
    width: 190px;
}

.articleActions_email {
    display: block;
    float: right;
    background: url('/images/css/icon_emailArticle.gif') left center no-repeat;
    padding: 3px 0 0 25px;
    margin: 0 20px 0 0;
    height:12px;
}

.articleActions_print {
    display: block;
    float: right;
    background: url('/images/css/icon_printArticle.gif') left center no-repeat;
    padding: 3px 0 0 27px;
    
    height:12px; 
}

.articleActions a:link,
.articleActions a:visited,
.articleActions a:hover,
.articleActions a:active{
    color: #444;
}


/* STYLES USED IN MULTIPLE PLACES */

label {
    color: #444; /*666*/
}
.textInput, .textInput:focus {
    font-family : "Arial", "Helvetica", Sans-serif;
    font-size: 13px;
    color: #444; /*666*/
}

.selectInput {
    font-family : "Arial", "Helvetica", Sans-serif;
    color: #444; /*666*/
}

.roundInputText {
    display: inline;
    line-height: 1px;
}

.roundInputText_roundLeft {
    padding: 0 0 0 9px;
    background: url('/images/css/roundInput_left.gif') top left no-repeat;
    float: left;
}

.roundInput_button {
    float: left;
}

.roundInputText_roundRight {
    padding: 0 9px 0 0;
    float: left;
    background: url('/images/css/roundInput_right.gif') top right no-repeat;
}

.roundInputText_bg {
float: left;
    height: 15px;
    padding: 3px 0 1px 0;
    
    *padding: 0px 0 3px 0; /* IE ONLY STLYE */
    *height: 16px; /* IE ONLY STLYE */
    background: url('/images/css/roundInput_bg.gif') top left repeat-x;
}

.roundInputText_bg input {
    font-family: 'Arial', 'Helvetica', sans-serif;
    height: 15px;
    padding: 0 5px;
    margin: 0;
    border: 0;
    background: #fff;
    font-size: 11px;
    line-height: 15px;
    color: #444; /*666*/
}

.videoLink {
    /*text-transform: uppercase;*/
    padding: 0px 0 10px 22px;
    background: url('/images/css/icon_videolink.gif') 0 0px no-repeat;
    font-size: 12px;
    font-style: italic; /*added*/
}

.audioLink {
    text-transform: uppercase;
    padding: 1px 0 10px 22px;
    background: url('/images/css/icon_audiolink.gif') 0 3px no-repeat;
    font-size: 11px;
}

.imageEnlargeLink {
    border-bottom: 1px dotted #ccc;
    padding: 3px 0 10px 17px;
    background: url('/images/css/icon_enlargeArticleImage.gif') 0 6px no-repeat;
    font-size: 11px;
    text-transform: uppercase;    
    
}


.actionLink, .actionLink button {
    font-size: 11px;
    text-transform: uppercase;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    display: inline;
    font-family: "Arial", "Helvetica", sans-serif;
    color: #2569b2;
}

.actionLink button:hover, .actionLink button:active {
    color: #2569b2;
    text-decoration: underline;
}


/* FOOTER ELEMENTS */
#pageFoot {
    font-size: 11px;
    text-align: center;
}
 
#pageFoot ul {
    margin-left: 20px;
}
#pageFoot li {
    float: left;
    display: block;
    padding: 0 10px 0 0;
    border-right: 1px solid #757575;
    margin: 0 10px 15px 0;
}

#pageFoot li.lastItem {
    padding: 0;
    border-right: 0;
    margin: 0;
}

#pageFoot li.givingImage {
    padding: 0;
    border-right: 0;
    margin: -5px 0 0 0;
}

#pageFoot a:link, #footer a:visited {
    color: #444; /*#555*/
}

#pageFoot a:hover, #pageFoot a:active {
    color: #2569b2;
}
 
/* FORM ELEMENTS */
.contactForm table {
    margin:10px;
    border: none;
}

.contactForm td {
    padding: 3px;
}

.contactForm td.label {
    text-align:right;
    vertical-align:top;
}

.contactForm td.field {
    text-align:left;
    vertical-align:top;
}

.contactForm fieldset {
    border: 1px solid #ccc;
    outline: 3px;
    margin: 15px;
}

.contactForm legend {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}
 
/* FORM ELEMENTS for LIMB LENGTHENING PATIENT CASES */
.LLcase table {
    margin:0px 10px;
    border: none;
}
.LLcase td {
    padding: 5px;
}
.LLcase td.label {
    text-align:right;
    vertical-align:top;
}
.LLcase td.field {
    text-align:left;
    vertical-align:top;
}
.LLcase fieldset {
    border: 1px solid #ccc;
    outline: 3px;
    margin: 25px 0px;
}
.LLcase legend {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}