@font-face {
  font-family: 'MyWebFont';
  src:/* url('denmark.woff') format('woff'),*/ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('denmark.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
  font-family: 'MyWebFont1';
  src:/* url('denmark.woff') format('woff'),*/ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('Trebuchet_MS.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
.popbox {
  
  text-align:right;
  position:relative;
  width:40%!important;
  float:left;
  padding-right:1%;
  font-family: Arial, Helvetica, sans-serif;
}

  .collapse { position:relative; }

  .open {
    background:#00afef;
    border:solid 1px #00afef;
    border-radius:5px;
    box-shadow: 0px 0px 5px #CCC;
   /* background:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#e8e8e8));
    background:-moz-linear-gradient(top,#f4f4f4,#e8e8e8);
    background:linear-gradient(top,#f4f4f4,#e8e8e8);*/
    padding:8px;
	text-decoration:none;
	color:#fff;
  }
  .open:hover {color:#fff;background:#ed2f38;border:solid 1px #ed2f38;}
    .box {
      display:block;
      
     /*  background:#e7f1ff;
      border:solid 1px #a4bed4;
      border-radius:5px;
     box-shadow:0px 0px 15px #999;*/
      position:absolute;
	  width: 97%!important;
	  height: 430px;
	  left:0px;
	  border:none!important;
    }

      .box a.close {
       color:#fff;
       font-size:12px;
       font-family:arial;
       text-decoration:none;
	   background:#ed2f38;
	   padding:7.5px;
	   border-radius:4px;
	   float: right;
	   margin-right: 10px;
	   width: 57px;
text-align: center;
      }
	  
	  .box a.close:hover {
       color:#fff;
       font-size:12px;
       font-family:arial;
       text-decoration:none;
	   background:#00afef;
	   padding:7.5px;
	   border-radius:4px;
	   float:right;
	   margin-right: 10px;
      }

      .arrow {
      	width: 0;
      	height: 0;
      	border-left: 11px solid transparent;
      	border-right: 11px solid transparent;
      	border-bottom: 11px solid #FFF;
      	position:absolute;
      	left: 250px!important;
      	top:-10px;
      	z-index:1001;
      }

      .arrow-border {
      	width: 0;
      	height: 0;
      	border-left: 11px solid transparent;
      	border-right: 11px solid transparent;
      	border-bottom: 11px solid #BBBBBB;
      	position:absolute;
      	top:-12px;
      	z-index:1000;
		left: 250px!important;
      }
	  
.box form { width:97%; padding:10px; height:380px;}
.box label {font-size:12px; float: left;width: 27%; padding-right:10px;color: #000;font-family: 'MyWebFont1', Helvetica, sans-serif;}
.box input {border:1px solid #a4bed4; margin-bottom:10px; height:30px; float:left; width:66%;padding-left: 10px;}
.box textarea { width:66%;float: left;border:1px solid #a4bed4;margin-bottom: 10px;}
.box textarea:hover { width:66%;float: left; background-color:#ffdadb;border:1px solid #ff5860;}
.box input:hover {border:1px solid #ff5860; margin-bottom:10px; height:30px; float:left; width:66%;padding-left: 10px; background-color:#ffdadb;}
.box p {font-family: Arial, Helvetica, sans-serif!important; font-size: 12px!important;line-height: 25px!important;text-align: left!important;margin: 0px!important;padding: 0px!important;top: 0px!important;}
input#deal_validity{width: 15px; float: left; margin-right:25px;}
.box span {float:left; margin-right:9%; font-size:12px; height: 31px;margin-top: 9px;}
input#gobutton{
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:5px 0px; /*add some padding to the inside of the button*/
background:#ed2f38; /*the colour of the button*/
border:1px solid #ed2f38; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 5px;
/*give the button a drop shadow*/
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
/*style the text*/
color:#f3f3f3;
font-size:12px;
width: 75px;
float: right;
margin-right: 5px;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#gobutton:hover, input#gobutton:focus{
background-color :#00afef; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
border:1px solid #00afef;
}