/******************************************************************
1280up.css
-------------------------------------------------------------------
Stylesheet: Large Screen Stylesheet
-------------------------------------------------------------------

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/

/* These styles are applied for viewports 1280px and higher */
@media only screen and (min-width: 1280px) {

	/*
    ------------------------------------------------------------------
    --> Charm Bar
    ------------------------------------------------------------------*/

    #charm-toggle {
        display: none;
        width: 100px;
    }

    #charm-bar {
        display: block;
        right: 0;
        top: 210px;
        width: 100px;
        height: 86%;
        background: #000;
        background: url('/img/01/charmparency.png') repeat;
    }


    /* --> Temperature -----------------------------------------------*/

    .weather-cont {
        float: none;
        width: auto;
    }

    /* Temperature Image Link */
    a.forcast-link {
        float: none;
        margin: 10px 0;
    }

    a.forcast-link img {
        float: none;
        margin: 0 auto;
    }

    /* Temperature text */
    .temperature {
        float: none;
        text-align: center;
        margin: 0;
        cursor: default;
    }


    /* --> Charms ----------------------------------------------------*/

    #close-charms { display: none; }

    #static-charms {
        border-bottom: 1px solid #666;
        padding-bottom: 10px;
    }

    /* Link wrapper */
    #dynamic-charms .mm-button-link,
    #static-charms .mm-button-link,
    #dynamic-charms .portal-myIcon-wrap,
    #portal-charms .portal-myIcon-wrap {
        width: 80px;
        height: 80px;
        margin-left: 10px;
        margin-bottom: 10px;
        padding: 0;

        transition: background-color .6s ease-in-out;
        -o-transition: background-color .6s ease-in-out;
        -moz-transition: background-color .6s ease-in-out;
        -webkit-transition: background-color .6s ease-in-out;
    }

    #dynamic-charms .mm-button-img,
    #static-charms .mm-button-img {
        margin-top: 5px;
        margin-bottom: 0;
    }

    #dynamic-charms .mm-button-txt,
    #static-charms .mm-button-txt,
    #dynamic-charms .portal-myIcon-text,
    #portal-charms .portal-myIcon-text {
        font-size: 0.815em;
        margin: 0;
    }

}

		#sba-book-flight a { font-size: 1.5em; }
	

    

@media only screen and (min-width: 1300px) {
 
    #dynamic-head-logo {
        display: block;
    }   
}