@media only screen and (max-device-width : 500px)  
{
        .Keypad-FullScreenWashout
    {
	    background-color:#000000;
	    position:fixed;
	    width:100%;
	    left:0px;
	    right:0px;
	    bottom:0px;
	    height:100%;
	    z-index:11201;
	    filter:alpha(opacity=85);
	    opacity:0.85;
	    -moz-opacity:0.85;
    }

    .keypad_button:hover
    {
        cursor:pointer;
    }

    .Keypad_Top
    {
	
	    font-family:NewFont,Trebuchet MS;
	    font-size:15px;
	    color:#ffffff;
	    position:relative;
	    width:100%;
	    padding-left:6px;
	    line-height:37px;
	    height:37px;
	    background-image:url('/Common/Images/Gradients/Content Area/Header.png');
	    text-align:left;
    }

    .Keypad_Image
    {
	    position:fixed;
	    width:100%;
	    height:50%;
	    
	    background-image:url('/Common/Images/Keypad/frontkeypad.png');
	    background-size:auto 100%;
	    background-repeat:no-repeat;
	    background-position:center;
    }
    
    .keypad_graph
    {
        width:70%;
        height:auto;
    }

    .Keypad_Question
    {
	top:50%;
	    font-family:NewFont,Trebuchet MS;
	    font-size:10px;
	    color:#222222;
	    position:fixed;
	    width:100%;
	    height:auto;
	    left:0px;
	    margin-bottom:35px;
	    text-align:center;
    }



    .Keypad_Container
    {
	    z-index:11202;
          left: 50%;
          top: 50%;
        transform: translate(-50%, -50%);
	    position:fixed;
	    width:100%;
	    min-height:90%;
	    background-color:#ffffff;
    }

    .Keypad_Content_Container
    {
	    position:relative;
	    width:100%;
	    height:auto;
	    text-align:justify;
	    overflow:hidden;
    }


    .Keypad_Bottom
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    position:absolute;
	    width:100%;
	    bottom:0;
	    padding-right:5px;
	    line-height:27px;
	    height:27px;
	    background-image:url('/Common/Images/Gradients/Content Area/Footer.png');
	    text-align:right;
    }
    

    .Keypad_Bottom a:link
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    text-decoration:none;
    }

    .Keypad_Bottom a:visited
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    text-decoration:none;
    }

    .Keypad_Bottom a:hover
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ff0000;
	    text-decoration:none;
    }

    .App-FullScreenWashout
    {
	    background-color:#000000;
	    position:fixed;
	    width:100%;
	    left:0px;
	    right:0px;
	    bottom:0px;
	    height:100%;
	    z-index:11201;
	    filter:alpha(opacity=85);
	    opacity:0.85;
	    -moz-opacity:0.85;
	    display:none;
    }

    .App_button:hover
    {
        cursor:pointer;
    }

    .App_Top
    {
	
	    font-family:NewFont,Trebuchet MS;
	    font-size:15px;
	    color:#ffffff;
	    position:relative;
	    width:100%;
	    padding-left:6px;
	    line-height:37px;
	    height:37px;
	    background-image:url('/Common/Images/Gradients/Content Area/Header.png');
	    text-align:left;
    }

    .App_Image
    {
	    position:relative;
	    width:250px;
	    height:350px;
	    margin-top:-385px;
	    margin-bottom:35px;
	    background-image:url('/Common/Images/Keypad/frontkeypad.png');
    }

    .App_Question
    {
	
	    font-family:NewFont,Trebuchet MS;
	    font-size:24px;
	    color:#222222;
	
	    position:relative;
	    width:350px;
	    height:350px;
	    left:275px;
	    margin-top:-385px;
	    margin-bottom:35px;
	    text-align:center;
	    display:none;
    }



    .App_Container
    {
	    z-index:11202;
	    top:0;
	    left:0;
	    position:fixed;
	    width:100%;
	    max-height:100%;
	    background-color:#ffffff;
    }

    .App_Content_Container
    {
	    position:relative;
	    width:100%;
	    max-height:80%;
	    text-align:justify;
    }


    .App_Bottom
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    position:relative;
	    width:100%;
	    bottom:0;
	    padding-right:5px;
	    line-height:27px;
	    height:27px;
	    background-image:url('/Common/Images/Gradients/Content Area/Footer.png');
	    text-align:right;
    }

    .App_Bottom a:link
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    text-decoration:none;
    }

    .App_Bottom a:visited
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    text-decoration:none;
	    display:none;
    }

    .App_Bottom a:hover
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ff0000;
	    text-decoration:none;
	    display:none;
    }

    .Gallery-FullScreenWashout
    {
	    background-color:#000000;
	    position:fixed;
	    width:100%;
	    left:0px;
	    right:0px;
	    bottom:0px;
	    height:100%;
	    z-index:11201;
	    filter:alpha(opacity=85);
	    opacity:0.85;
	    -moz-opacity:0.85;
	    display:none;
    }

    .Gallery_button:hover
    {
        cursor:pointer;
    }

    .Gallery_Top
    {
	
	    font-family:NewFont,Trebuchet MS;
	    font-size:15px;
	    color:#ffffff;
	    position:relative;
	    width:100%;
	    padding-left:6px;
	    line-height:37px;
	    height:37px;
	    background-image:url('/Common/Images/Gradients/Content Area/Header.png');
	    text-align:left;
    }



    .Gallery_Container
    {
	    z-index:11202;
	    top:50%;
	    left:50%;
	    position:fixed;
	    width:100%;
	    height:auto;
	    max-height:90%;
	    overflow:hidden;
	    background-color:#ffffff;
	    display:none;
	    
    }

    .Gallery_Content_Container
    {
	    position:relative;
	    width:100%;
	    max-height:90%;
	    height:auto;
	    text-align:justify;
    }


    .Gallery_Bottom
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    position:absolute;
	    width:100%;
	    bottom:0px;
	    padding-right:5px;
	    line-height:27px;
	    height:27px;
	    background-image:url('/Common/Images/Gradients/Content Area/Footer.png');
	    text-align:right;
    }

    .Gallery_Bottom a:link
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    text-decoration:none;
    }

    .Gallery_Bottom a:visited
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    text-decoration:none;
    }

    .Gallery_Bottom a:hover
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ff0000;
	    text-decoration:none;
    }

    
    
}

@media only screen and (min-width : 0px) and (min-device-width : 501px) 
{

    .Keypad-FullScreenWashout
    {
	    background-color:#000000;
	    position:fixed;
	    width:100%;
	    left:0px;
	    right:0px;
	    bottom:0px;
	    height:100%;
	    z-index:11201;
	    filter:alpha(opacity=85);
	    opacity:0.85;
	    -moz-opacity:0.85;
	    display:none;
    }

    .keypad_button:hover
    {
        cursor:pointer;
    }

    .Keypad_Top
    {
	
	    font-family:NewFont,Trebuchet MS;
	    font-size:15px;
	    color:#ffffff;
	    position:relative;
	    width:659px;
	    padding-left:6px;
	    line-height:37px;
	    height:37px;
	    background-image:url('/Common/Images/Gradients/Content Area/Header.png');
	    text-align:left;
    }

    .Keypad_Image
    {
	    position:relative;
	    width:250px;
	    height:350px;
	    margin-top:-385px;
	    margin-bottom:35px;
	    background-image:url('/Common/Images/Keypad/frontkeypad.png');
    }

    .Keypad_Question
    {
	
	    font-family:NewFont,Trebuchet MS;
	    font-size:15px;
	    color:#222222;
	
	    position:relative;
	    width:350px;
	    height:350px;
	    left:275px;
	    margin-top:-385px;
	    margin-bottom:35px;
	    text-align:center;
    }



    .Keypad_Container
    {
	    z-index:11202;
	    top:50%;
	    margin-top:-250px;
	    left:50%;
	    margin-left:-332px;
	    position:fixed;
	    width:664px;
	    height:500px;
	    background-color:#ffffff;
	    border:3px solid #3a3838;
	    display:none;
    }

    .Keypad_Content_Container
    {
	    position:relative;
	    width:659px;
	    height:416px;
	    padding:10px;
	    text-align:justify;
    }


    .Keypad_Bottom
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    position:relative;
	    width:660px;
	    bottom:0;
	    padding-right:5px;
	    line-height:27px;
	    height:27px;
	    background-image:url('/Common/Images/Gradients/Content Area/Footer.png');
	    text-align:right;
    }

    .Keypad_Bottom a:link
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    text-decoration:none;
    }

    .Keypad_Bottom a:visited
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    text-decoration:none;
    }

    .Keypad_Bottom a:hover
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ff0000;
	    text-decoration:none;
    }

    .App-FullScreenWashout
    {
	    background-color:#000000;
	    position:fixed;
	    width:100%;
	    left:0px;
	    right:0px;
	    bottom:0px;
	    height:100%;
	    z-index:11201;
	    filter:alpha(opacity=85);
	    opacity:0.85;
	    -moz-opacity:0.85;
	    display:none;
    }

    .App_button:hover
    {
        cursor:pointer;
    }

    .App_Top
    {
	
	    font-family:NewFont,Trebuchet MS;
	    font-size:15px;
	    color:#ffffff;
	    position:relative;
	    width:1018px;
	    padding-left:6px;
	    line-height:37px;
	    height:37px;
	    background-image:url('/Common/Images/Gradients/Content Area/Header.png');
	    text-align:left;
    }

    .App_Image
    {
	    position:relative;
	    width:250px;
	    height:350px;
	    margin-top:-385px;
	    margin-bottom:35px;
	    background-image:url('/Common/Images/Keypad/frontkeypad.png');
    }

    .App_Question
    {
	
	    font-family:NewFont,Trebuchet MS;
	    font-size:24px;
	    color:#222222;
	
	    position:relative;
	    width:350px;
	    height:350px;
	    left:275px;
	    margin-top:-385px;
	    margin-bottom:35px;
	    text-align:center;
    }



    .App_Container
    {
	    z-index:11202;
	    top:50%;
	    margin-top:-381px;
	    left:50%;
	    margin-left:-509px;
	    position:fixed;
	    width:1024px;
	    height:655px;
	    background-color:#ffffff;
	    border:3px solid #3a3838;
	    display:none;
    }

    .App_Content_Container
    {
	    position:relative;
	    width:100%;
	    height:768px;
	    padding:10px;
	    text-align:justify;
    }


    .App_Bottom
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    position:relative;
	    width:1019px;
	    bottom:0;
	    padding-right:5px;
	    line-height:27px;
	    height:27px;
	    background-image:url('/Common/Images/Gradients/Content Area/Footer.png');
	    text-align:right;
    }

    .App_Bottom a:link
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    text-decoration:none;
    }

    .App_Bottom a:visited
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    text-decoration:none;
    }

    .App_Bottom a:hover
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ff0000;
	    text-decoration:none;
    }

    .Gallery-FullScreenWashout
    {
	    background-color:#000000;
	    position:fixed;
	    width:100%;
	    left:0px;
	    right:0px;
	    bottom:0px;
	    height:100%;
	    z-index:11201;
	    filter:alpha(opacity=85);
	    opacity:0.85;
	    -moz-opacity:0.85;
	    display:none;
    }

    .Gallery_button:hover
    {
        cursor:pointer;
    }

    .Gallery_Top
    {
	
	    font-family:NewFont,Trebuchet MS;
	    font-size:15px;
	    color:#ffffff;
	    position:relative;
	    width:895px;
	    padding-left:6px;
	    line-height:37px;
	    height:37px;
	    background-image:url('/Common/Images/Gradients/Content Area/Header.png');
	    text-align:left;
    }



    .Gallery_Container
    {
	    z-index:11202;
	    top:50%;
	    margin-top:-381px;
	    left:50%;
	    margin-left:-453px;
	    position:fixed;
	    width:900px;
	    height:655px;
	    background-color:#ffffff;
	    border:3px solid #3a3838;
	    display:none;
    }

    .Gallery_Content_Container
    {
	    position:relative;
	    width:900px;
	    height:591px;
	    text-align:justify;
    }


    .Gallery_Bottom
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    position:relative;
	    width:895px;
	    bottom:0;
	    padding-right:5px;
	    line-height:27px;
	    height:27px;
	    background-image:url('/Common/Images/Gradients/Content Area/Footer.png');
	    text-align:right;
    }

    .Gallery_Bottom a:link
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    text-decoration:none;
    }

    .Gallery_Bottom a:visited
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ffffff;
	    text-decoration:none;
    }

    .Gallery_Bottom a:hover
    {
	    font-family:NewFont,Trebuchet MS;
	    font-size:12px;
	    color:#ff0000;
	    text-decoration:none;
    }
    
        .keypad_graph
    {
        width:100%;
    }

}