@charset "utf-8";
/* CSS Document */

body { font-family:Helvetica,Arial,sans-serif; font-size:14px; line-height:16px; min-height:416px; min-width:320px;}

.clear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.center_text{text-align:center;}
.container{width:820px; margin:0px auto; min-height:550px; background-color: #F2F2F2; border: 1px solid #666;}
#logo{background:url('../images/logo.png'); text-indent:-999999px; background-repeat:no-repeat; margin-top:14px; margin-left:45px; height:25px; width:144px; display:inline-block;}

.header{height:48px; 
            text-align:center;
            background-image:url('../images/header-background.png');
            background-repeat:repeat-x;
            border-bottom: 1px solid #666666;
            position:relative;
            }
#name_part{ float:left;}
#box_part{widt:100%; float:right;}
.nav_bar{background-color: #F6F6C6; padding:8px; border-top: 1px solid white; width:auto; height:auto; overflow:hidden; margin-bottom:10px; border-bottom: 1px solid #666;}
.nav_bar li{width:50%}

#help_icon{float:left; padding:12px;}
.available_container{text-align:center;}
.package{word-wrap:break-word; background-color: #FCFCFC; margin:auto; margin-bottom:10px; height:50px; width:300px; border: 1px solid #666; border-radius:8px 8px 8px 8px;}
.package span{display:block; padding:10px;}
#yay{display:block; margin:0px 0px 10px 8px;}
.shadow1 {
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.35);
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.35);
  box-shadow: 0 2px 3px rgba(0,0,0,.35);
}

#login_header{text_align:center;}

.btn{ font-size:13px; line-height:16px; padding:3px 10px; margin:10px; border:1px solid #ccc; text-decoration:none; font-weight:bold;
     -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
     -moz-box-shadow: 0px 1px 0px rgba(255,255,255,.8);
  -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.8);
          box-shadow: 0px 1px 0px rgba(255,255,255,.8);

 background-color: #eeeeee;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#eeeeee, #cccccc); /* Chrome 10+, Saf6 */
  background-image: linear-gradient(top, #eeeeee, #cccccc);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc'); /* IE6–IE9 */


    border:1px solid #888;
    color:#444;
    
    
}
.btn:hover{
     background-color: #BFD5E3;
  background-image: -moz-linear-gradient(top, #BFD5E3, #cccccc); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #BFD5E3),color-stop(1, #cccccc)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#BFD5E3, #cccccc); /* Chrome 10+, Saf6 */
  background-image: linear-gradient(top, #BFD5E3, #cccccc);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#BFD5E3', EndColorStr='#cccccc'); /* IE6–IE9 */   
text-decoration:none;   
}
@media screen and (max-width: 640px) {
	.container{width:320px; 
			  margin:0px auto; 
			  min-height:410px; 
			  background-color: hsl(0, 0%, 95%); 
			  border: 1px solid hsl(0, 0%, 55%);
	}

	#logo{background:url('../images/PostalServicesLogo.png'); 
			text-indent:-999999px; 
			background-repeat:no-repeat;
			margin-top:14px; 
			margin-left:5px; 
			height:25px; 
			width:228px; 
			display:inline-block;
	}
	.btn{margin:5px;}
	#box_part{width:100%;}
	#name_part{width:100%; padding-bottom:2px;}
	
}