/************************************************************************************
smaller than 620 (Mobile Phones)
*************************************************************************************/
@media screen and (max-width: 3500px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
	#LoginContainer { 
        /*width:95%;*/ height:auto; background-color:#1a1b1c; padding:10px; 
        -webkit-border-radius: 10px; 
        -moz-border-radius: 10px; 
        border-radius: 10px;
        
        max-width:300px; margin-left:auto; margin-right:auto;
    }	
	.LoginHeader { width:95%; height:55px; text-align:center; padding-top:10px; }
	.LoginTbxContainer { width:93%; height:auto; padding-left:10px; padding-top:5px; }
	.tbLogin {background-color: #e4e7ea; color: Gray; text-shadow: 0 0 0 #fff; }
	.LoginRememberMe { height:auto; font: normal 12px Arial; color:#8a8d90; padding:10px; z-index:1; }
	.LoginButton { height:auto; font: normal 12px Arial; color:#8a8d90; padding:10px; }
	.LoginForgot { height:auto; font: normal 12px Arial; color:#8a8d90; padding:10px; text-align:center; cursor:pointer; }
	.LoginForgotHeader { height:auto; font: normal 20px Arial; color:#FFFFFF; padding:10px; }
	.LoginTbxContainerEmail { width:93%; height:auto; padding-left:10px; padding-top:5px; }
	.LoginForgotErrorText { height:auto; font: normal 11px Arial; color:#FFFFFF; padding:10px; }
	.LoginForgotSmallText { height:auto; font: normal 11px Arial; color:#FFFFFF; padding:10px; } 
	.LoginForgotSentText { height:auto; font: normal 12px Arial; color:#FFFFFF; padding:10px; }

    /* Boxes */
	#CurrentPageContainer { display: block; margin-top:3px; margin-left:6px; min-width:95%; height:auto; font: normal 12px Arial; color:#6a6b6c; /*text-align:center;*/ }
	/*#MobileFilterBox { display: none; }*/
	#TabletContainer { display: none; }
    
    /*img {
	    max-width: 30%;
	    height: auto;
	    width: auto\9; 
    }*/
    
    /* top nav */
    .site-top-nav {
        top:0px; float:left; 
	    min-width: 100%;
	    height: auto;
        width: 100%\9;  
        background: #000 url('../Images/top-menu-bg.gif') top; 
        background-repeat:repeat-x; 
    }
    .top-logo-icon-left img {
	    max-width: 100%;
	    height:auto;
	    width: auto\9; /* ie8 */
    }  
    .top-logo-icon-left {
        top:0px; float:left; 
	    max-width: 30%;
	    height: auto;
	    width: auto\9; /* ie8 */
    }  
    .top-nav-icon-right img {
	    max-width: 100%;
	    height:auto;
	    width: auto\9; /* ie8 */
    }
    .top-nav-icon-right {
        top:0px; float:right; 
	    max-width: 23%;
	    height: auto;
	    width: auto\9; /* ie8 */
    }    
    
    /* site description */
    #site-description-mobile 
    {
        display: block;
        background-color: #000;
	    font: normal 10px Arial;
	    color: #fff;
	    padding: 0px;
    }
    #site-description
    {
        display: none;
    }
    
    /* Main Page */
    #Main-Box {
        display: block;
        width:95%;
        height:auto;
        float:left;
        margin-top: 10px;
        margin-left: 5px;
    }
    .WelcomeText { width:100%; height:auto; font: normal 25px Arial; color:#94aec1; }
    .WelcomeSubText { width:100%; height:auto; font: normal 12px Arial; color:#bcbdbd; }
    .site-description-mobile { display: none; }
    .Main-icon-box { width:100%; height:auto; padding:2px; float:left; margin:3px; text-align:center; } 

    #Summary-Box {
        display: none;
    }
    
    .SummaryTotal { font: normal 12px Arial; color:#FFFFFF; height:20px; float:left; padding:2px; }
    .SummaryTotalAmt { font: bold 12px Arial; color:#94aec1; width:auto; height:20px; float:left; padding:2px; }
    
    .GridPanel {
        width:100%;
        height: auto !important;
        float:left;
    }    
    
    .RadChart img { width:100%; } /* Sets all RadChart img to 100% width */
    
    .rgDataDiv { height:auto !important; } /* Sets all RadGrid (rgDataDiv is by Telerik) to auto height */
    
    div.portrait {
      /*background-color: rgba(0, 25, 255, 0.5);*/
      width: 100%;
      height: 100%;
    }
    div.landscape {
      /*background-color: rgba(255, 25, 0, 0.5);*/
      width: 100%;
      height: 100%;
    }
    
    .ChartButton {
        width:125px;
        height:auto;
        float:left;
    }   
    .EmployeeExp {
        width:125px; 
        height:20px; 
        float:right; 
        margin-top:5px; 
        font-size:10px;
    }
    
    /* Banner Footer */
    #myFooterSlideUp { position: fixed; margin:0px; left: 0px; bottom: 0px; right: 0px; width:100%; height:0px; z-index:10; }
    .FooterBannerClose { margin-left:auto; margin-right:auto; width:280px; height:16px; text-align:right; }
    .FooterBannerImg { margin-left:auto; margin-right:auto; width:280px; height:40px; cursor:pointer; }
    
    .InventoryFooterContainer
    {    
	    max-width: 450px;
	    height: auto;
        width: 100%\9;  
        margin-left: auto;
        margin-right: auto;
        /*width:450px; 
        max-width:450px; 
        height:48px; 
        position: absolute; 
        bottom: 0px;  
        background-color:#333333;
        */
        }
    
    
    .MenuDateButton { float:left; min-width:27%; }
    .MenuRegionButton { float:left; min-width:45%;  }
    .MenuRefreshButton { float:left; width:27%; }
    
    .ui-btn-inner { padding: 5px; }

}


/************************************************************************************
smaller than 360 (Smaller Mobile Phones)
*************************************************************************************/
@media screen and (max-width: 320px) {
            
    .InventoryFooterContainer
    {    
	    min-width: 100%;
	    height: auto;
        width: 100%\9;  
        
        /*width:320px; 
        max-width:320px; 
        height:48px; 
        position: absolute; 
        bottom: 0px; 
        background-color:#333333;
        */
        }
}