/* media query per desktop */
@media screen and (min-width:481px) {
    #main-wrapper
    {
        width:320px;
    }    
    #calendar-header h2, .day-header-mid
    {
        width:210px;
    }
    .text-box, .select-box {
        width: 284px;
        display:inline-block;
        margin:5px;
    }
    .select-box {width:308px;}
    
    table.TableForm td textarea{width:91%;min-height:100px;}
    table.TableForm input[type="text"]._100{width:91%;}
}

/* media per galaxy SII / iphone 4 */
@media screen and (max-width: 480px) {
    
    html{-webkit-text-size-adjust: none;}
    #main-wrapper
    {
        width:480px;
        margin:0;
    }
    
    #calendar-header h2, .day-header-mid
    {
        width:370px;
    }

    #calendar-table td a
    {
        padding:10px 0;
    }
 
    .navigation 
    {
        font-size:1em;
        height:95px;
        background: #1E2131 url(themes/base/images/navigation_480_96.gif) no-repeat 0 0;
    }
    .contact-navigation{background: #1E2131 url(themes/base/images/navigation_480_96_contacts.gif) no-repeat 0 0;}
    .base-navigation{background:#1E2131 url(themes/base/images/navigation_480_96_base.gif) no-repeat 0 0;}
    .posta-navigation{background:#1E2131 url(themes/base/images/navigation_480_96_posta.gif) no-repeat 0 0;}
    
    .navigation navIcon
    {
        background: transparent url(themes/base/images/navigation_480_96.gif) no-repeat 0 0;
    }

    .navigation li a
    {
        width:96px;
        height:95px;
        line-height:126px;
        background: transparent url(themes/base/images/navigation_480_96.gif) no-repeat 0 0;
    }
    .contact-navigation navIcon,.contact-navigation li a{background: transparent url(themes/base/images/navigation_480_96_contacts.gif) no-repeat 0 0;}
    .base-navigation navIcon, .base-navigation li a{background: transparent url(themes/base/images/navigation_480_96_base.gif) no-repeat 0 0;}
    .posta-navigation navIcon,.posta-navigation li a {background:transparent url(themes/base/images/navigation_480_96_posta.gif) no-repeat 0 0;}
    
    .navigation li a#navBack {background-position: 0 0;}.navigation li:hover a#navBack,.navigation li.current a#navBack {background-position: 0 -96px;}
    .navigation li a#nav1 {background-position: -96px 0;}.navigation li:hover a#nav1,.navigation li.current a#nav1 {background-position: -96px -96px;}
    .navigation li a#nav2 {background-position: -192px 0;}.navigation li:hover a#nav2,.navigation li.current a#nav2 {background-position: -192px -96px;}
    .navigation li a#nav3 {background-position: -288px 0;}.navigation li:hover a#nav3,.navigation li.current a#nav3 {background-position: -288px -96px;}
    .navigation li a#nav4 {background-position: -384px 0;}.navigation li:hover a#nav4,.navigation li.current a#nav4 {background-position: -384px -96px;}
    
    #calendar-table tr.dayNames th
    {
        font-size:1em;
        height:27px;
        padding:4px 0 3px 0;
    }

    #calendar-table .calendar-day
    {
        font-size:1.33em;
    }
    .day-title-desc
    {
        font-size:1em;
        line-height:1.2em;
    }
    
    .text-box, .select-box {
        width: 444px;
        display:inline-block;
        margin:5px;
    }
    .select-box{width:468px;}
    .search-text
    {
        border-bottom:solid 1px #444b67 !important;
        margin: 4px 6px 0 4px;
        width:395px;
    }

    table.TableForm td textarea{width:94%;min-height:100px;}
    table.TableForm input[type="text"]._100{width:94%;}
}

/* media per blackberry / small device */
@media screen and (max-width: 400px) {
    
    html{-webkit-text-size-adjust: none;}
    #main-wrapper
    {
        width:320px;
        margin:0;
    } 

    #calendar-header h2, .day-header-mid
    {
        width:210px;
    }
    
    .navigation 
    {
        font-size:0.89em;
        height:63px;
        background: #1E2131 url(themes/base/images/navigation_320x64.gif) no-repeat 0 0;
    }
    .contact-navigation{background: #1E2131 url(themes/base/images/navigation_320x64_contacts.gif) no-repeat 0 0;}
    .base-navigation{background:#1E2131 url(themes/base/images/navigation_320x64_base.gif) no-repeat 0 0;}
    .posta-navigation{background: #1E2131 url(themes/base/images/navigation_320x64_posta.gif) no-repeat 0 0;}
    
    .navigation navIcon
    {
        background: transparent url(themes/base/images/navigation_320x64.gif) no-repeat 0 0;
    }

    .navigation li a
    {
        width:64px;
        height:63px;
        line-height:86px;
        background: transparent url(themes/base/images/navigation_320x64.gif) no-repeat 0 0;
    }
    .contact-navigation navIcon,.contact-navigation li a{background: transparent url(themes/base/images/navigation_320x64_contacts.gif) no-repeat 0 0;}
    .base-navigation navIcon, .base-navigation li a{background: transparent url(themes/base/images/navigation_320x64_base.gif) no-repeat 0 0;}
    .posta-navigation navIcon,.posta-navigation li a {background: transparent url(themes/base/images/navigation_320x64_posta.gif) no-repeat 0 0;}
    
    .navigation li a#navBack {background-position: 0 0;}.navigation li:hover a#navBack,.navigation li.current a#navBack {background-position: 0 -63px;}
    .navigation li a#nav1 {background-position: -64px 0;}.navigation li:hover a#nav1,.navigation li.current a#nav1 {background-position: -64px -63px;}
    .navigation li a#nav2 {background-position: -128px 0;}.navigation li:hover a#nav2,.navigation li.current a#nav2 {background-position: -128px -63px;}
    .navigation li a#nav3 {background-position: -192px 0;}.navigation li:hover a#nav3,.navigation li.current a#nav3 {background-position: -192px -63px;}
    .navigation li a#nav4 {background-position: -256px 0;}.navigation li:hover a#nav4,.navigation li.current a#nav4 {background-position: -256px -63px;}
    
    #calendar-table tr.dayNames th
    {
        font-size:0.8em;
        height:27px;
        padding:4px 0 3px 0;
    }
    
    #calendar-table .calendar-day
    {
        font-size:1em;
    }
    
    .day-title-desc
    {
        font-size:0.9em;
        line-height:1.2em;
    }

    .text-box, .select-box {
        width: 284px;
        display:inline-block;
        margin:5px;
    }
    .select-box{width:308px;}
    .search-text
    {
        border-bottom:solid 1px #444b67 !important;
        margin: 4px 6px 0 4px;
        width:235px;
    }
    
    table.TableForm td textarea{width:92%;min-height:100px;}
    table.TableForm input[type="text"]._100{width:91%;}
}