/* 
    Document   : tablet
    Created on : Aug 9, 2013, 3:07:01 PM
    Author     : davet
    Description:
        Define styles for ipad sizing in different orientations 
*/


@media screen and (orientation:portrait) {
    .mapviewer{
        cursor:crosshair;
        margin-left: 1%;
        height:1000px;
    }

    .summer-options{
        height:950px;
    }

    .winter-options{    
        height:950px;
    }

    .slider-box{
        padding:0.25em 0em 2.5em 12%;
        min-height:120px;
    }
}



/* landscape */
@media screen and (orientation:landscape) {
    .mapviewer{
        cursor:crosshair;
        margin-left: 1%;
        height:550px;
    }

    .summer-options{
        height:400px;
    }

    .winter-options{    
        height:400px;
    }

    .slider-box{
        font-size: 0.7em;
        padding:0.25em 0em 2.5em 12%;
        min-height:50px;
    }
}