function RadioListFontSizeCheck(obj) {
    var srcEl = event.srcElement;
    // If the Radio's label is cliked the OnClick is fired twice. To avoid this
    if (srcEl.tagName == 'LABEL')
        return;

    var srcObj = document.getElementById(obj.id + "_" + srcEl.parentElement.parentElement.rowIndex);
    if (srcObj) {
        var bodyElement = document.getElementById('thisbody');
        var contentElement = document.getElementById('mainContent');
        var loginCheckSpan = getRememberMe().parentNode;
        if (srcObj.value == 'larger') {
            bodyElement.style.fontSize = "larger";
            contentElement.style.fontSize = "larger";
            document.getElementById('TabContainer1_EnterSighting_txtAddress').className = 'largeTextBox';
            document.getElementById('TabContainer1_EnterSighting_DropDown_WhatDoing').className = 'largeTextBox';
            document.getElementById('TabContainer1_EnterSighting_btnFind').className = 'largeTextBox';
            getUserName().className = 'largeTextBox';
            getPassword().className = 'largeTextBox';
            loginCheckSpan.className = 'largeTextBox';
            getLoginButton.className = 'largeTextBox';
            getCreateUserName().className = 'largeTextBox';
            getCreatePassword().className = 'largeTextBox';
            getConfirmPassword().className = 'largeTextBox';
            getEmail().className = 'largeTextBox';
            //getQuestion().className = 'largeTextBox';
            //getAnswer().className = 'largeTextBox';
            getbtnSaveSighting().className = 'largeTextBox';
            gettxtComment().className = 'largeTextBox';
            gettxtboxDate().className = 'largeTextBox';
            getDropDown_timeofday().className = 'largeTextBox';
            getDropDown_number().className = 'largeTextBox';
            getDropDown_WhatDoing().className = 'largeTextBox';
            getDropDown_area().className = 'largeTextBox';
            gettxtbox_areatype().className = 'largeTextBox';

            changecss('.ajax__tab_header', 'font-size', 'larger');
            changecss('.ajax__tab_outer', 'font-size', 'larger');
            changecss('.ajax__tab_inner', 'font-size', 'larger');
            changecss('.ajax__tab_tab', 'font-size', 'larger');
            changecss('.ajax__tab_body', 'font-size', 'larger');
            changecss('.ajax__calendar_container', 'font-size', '20px');
            changecss('.ajax__calendar_container', 'width', '300px');
            changecss('.ajax__calendar_body', 'width', '300px');
            changecss('.ajax__calendar_body', 'height', '200px');
            changecss('.ajax__calendar_days', 'width', '300px');
            changecss('.ajax__calendar_days', 'height', '200px');
            changecss('.ajax__calendar_months', 'width', '300px');
            changecss('.ajax__calendar_months', 'height', '200px');
            changecss('.ajax__calendar_years', 'width', '300px');
            changecss('.ajax__calendar_years', 'height', '200px');
            changecss('.ajax__calendar_dayname ', 'width', '24px');
            changecss('.ajax__calendar_dayname ', 'height', '24px');
            changecss('.ajax__calendar_day', 'width', '26px');
            changecss('.ajax__calendar_day', 'height', '24px');
            changecss('.ajax__calendar_month', 'width', '60px');
            changecss('.ajax__calendar_month', 'height', '66px');
            changecss('.ajax__calendar_year', 'width', '60px');
            changecss('.ajax__calendar_year', 'height', '66px');
            changecss('.ajax__calendar_header', 'height', '40px');
            changecss('.ajax__calendar_footer', 'height', '30px');
            changecss('.ajax__calendar_container TABLE', 'font-size', '20px');
           
        }
        else {
            bodyElement.style.fontSize = "medium";
            contentElement.style.fontSize = "medium";
            document.getElementById('TabContainer1_EnterSighting_txtAddress').className = 'normalTextBox';
            document.getElementById('TabContainer1_EnterSighting_DropDown_WhatDoing').className = 'normalTextBox';
            document.getElementById('TabContainer1_EnterSighting_btnFind').className = 'normalTextBox';
            getUserName().className = 'normalTextBox';
            getPassword().className = 'normalTextBox';
            loginCheckSpan.className = 'normalTextBox';
            getLoginButton.className = 'normalTextBox';
            getLoginButton.className = 'normalTextBox';
            getCreateUserName().className = 'normalTextBox';
            getCreatePassword().className = 'normalTextBox';
            getConfirmPassword().className = 'normalTextBox';
            getEmail().className = 'normalTextBox';
            //getQuestion().className = 'normalTextBox';
            //getAnswer().className = 'normalTextBox';
            getbtnSaveSighting().className = 'normalTextBox';
            gettxtComment().className = 'normalTextBox';
            gettxtboxDate().className = 'normalTextBox';
            getDropDown_timeofday().className = 'normalTextBox';
            getDropDown_number().className = 'normalTextBox';
            getDropDown_WhatDoing().className = 'normalTextBox';
            getDropDown_area().className = 'normalTextBox';
            gettxtbox_areatype().className = 'normalTextBox';

            changecss('.ajax__tab_header', 'font-size', 'medium');
            changecss('.ajax__tab_outer', 'font-size', 'medium');
            changecss('.ajax__tab_inner', 'font-size', 'medium');
            changecss('.ajax__tab_tab', 'font-size', 'medium');
            changecss('.ajax__tab_body', 'font-size', 'medium');
            changecss('.ajax__calendar_container', 'font-size', '11px');
            changecss('.ajax__calendar_container', 'width', '170px');
            changecss('.ajax__calendar_body', 'width', '170px');
            changecss('.ajax__calendar_body', 'height', '139px');
            changecss('.ajax__calendar_days', 'width', '170px');
            changecss('.ajax__calendar_days', 'height', '139px');
            changecss('.ajax__calendar_months', 'width', '170px');
            changecss('.ajax__calendar_months', 'height', '139px');
            changecss('.ajax__calendar_years', 'width', '170px');
            changecss('.ajax__calendar_years', 'height', '139px');
            changecss('.ajax__calendar_dayname ', 'width', '17px');
            changecss('.ajax__calendar_dayname ', 'height', '17px');
            changecss('.ajax__calendar_day', 'width', '18px');
            changecss('.ajax__calendar_day', 'height', '17px');
            changecss('.ajax__calendar_month', 'width', '40px');
            changecss('.ajax__calendar_month', 'height', '44px');
            changecss('.ajax__calendar_year', 'width', '40px');
            changecss('.ajax__calendar_year', 'height', '44px');
            changecss('.ajax__calendar_header', 'height', '20px');
            changecss('.ajax__calendar_footer', 'height', '15px');
            changecss('.ajax__calendar_container TABLE', 'font-size', '11px');
            

        }

    }
}
function RadioListTextGraphicCheck(obj) {
    var srcEl = event.srcElement;
    // If the Radio's label is cliked the OnClick is fired twice. To avoid this
    if (srcEl.tagName == 'LABEL')
        return;

    var srcObj = document.getElementById(obj.id + "_" + srcEl.parentElement.parentElement.rowIndex);
    if (srcObj) {
        var bodyElement = document.getElementById('thisbody');
        if (srcObj.value == 'Graphics') {
            displayMap.style.display = "block";
            myMap.style.display = "block";
            sightingText.style.width = "190px";
        }
        else {
            if (srcObj.value == 'TextForReader') {
                window.open('./TextReader/default.aspx', '');

            }
            else {
                displayMap.style.display = "none";
                myMap.style.display = "none";
                sightingText.style.width = "600px";
            }
        }

    }
}
function changecss(theClass, element, value) {
    //Last Updated on May 21, 2008
    //documentation for this script at
    //http://www.shawnolson.net/a/503/altering-css-class-attributes-with-javascript.html
    var cssRules;
    if (document.all) {
        cssRules = 'rules';
    }
    else if (document.getElementById) {
        cssRules = 'cssRules';
    }
    var added = false;
    for (var S = 0; S < document.styleSheets.length; S++) {
        for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
            if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
                if (document.styleSheets[S][cssRules][R].style[element]) {
                    document.styleSheets[S][cssRules][R].style[element] = value;
                    added = true;
                    break;
                }
            }
        }

        if (!added) {
            if (document.styleSheets[S].insertRule) {
                document.styleSheets[S].insertRule(theClass + ' { ' + element + ': ' + value + '; }', document.styleSheets[S][cssRules].length);
            } else if (document.styleSheets[S].addRule) {
                document.styleSheets[S].addRule(theClass, element + ': ' + value + ';');
            }
        }
    }
}