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

.shadow {
 width:100%;
 height:100%;
 position:fixed;
 left:0;
 top:0;
 
background-color:rgba(255,255,255,0.5);
 z-index:5000;
 display:none;
}
/*.shadow.tbm {
 background:#000
}*/
#PopupContainer {
 width:100%;
 float:left;
 position:absolute;
 z-index:5010;
 display:none;
 text-align:center;
}
#PopupContainer .content {
 width:94%;
 float:none;
 display:inline-block;
 margin:0 2%;
 padding:1%;
 background:url(../images/popupshadow.png) repeat top left;
 border-radius:15px;
  max-width:600px;
}
#PopupContainer.tbm .content {
 background:none;
}
#PopupContainer .content .inner {
 background:#ffffff;
 border:4px solid #ef7f1a ;
 /*width:98%;*/
 width:100%;
 float:left;
/* padding:1%;*/
 border-radius:15px;
}
#PopupContainer.tbm .content .inner {
 background:none; 
 color:#ffffff;
}
 
.close a{
background: #ef7f1a none repeat scroll 0 0;
    border: 1px solid #ef7f1a;
    border-radius: 150px;
    color: white;
    cursor: pointer;
    float: right;
    font-size: 16px;
    margin-bottom: 5px;
    margin-right: -6px;
    padding: 3px 10px;}
	
.close a:hover{
	background:white;
	color:#ef7f1a ;}	

@media screen and (max-width: 500px) {
#PopupContainer .content .inner {
/* width:96%; 
 padding:2%;*/
}
}