.wkmodalbox .close {

    color: #999999;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 10px;
    opacity: 1;
    position: absolute;
    right: 15px;
    text-decoration: none;
    text-shadow: none;
    top: 15px;

}


.wkmodalbox .close:hover {

  color: #444444;
  cursor: pointer;
  text-decoration:none;
opacity: 1;

}





.modal-backdrop {


    background-color: #000000;


	background-position: center center;


	background-repeat: no-repeat;


	/* Safari 4-5, Chrome 1-9 */ /* Can't specify a percentage size? Laaaaaame. */


	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FFF), to(#291A49));


	/* Safari 5.1+, Chrome 10+ */


	background: -webkit-radial-gradient(circle, #FFF, #291A49);


	/* Firefox 3.6+ */


	background: -moz-radial-gradient(circle, #FFF, #291A49);


	/* IE 10 */


	background: -ms-radial-gradient(circle, #FFF, #291A49);


    display: block;


    height: 100%;


    left: 0;


    position: fixed;


    top: 0;


    opacity: 0.3;


	filter: alpha(opacity=30);


    visibility: visible;


    width: 100%;


  z-index: 1040;


}








.wkmodal {


  position: fixed;


  font-size: 13px;


  font-weight: normal;


  line-height: 18px;


  top: 50px;


  left: 30%;


   color: #808080;


  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;


  z-index: 1050;


  overflow: auto;


  width: 45%;


  height:auto;


  margin: 0;


    background-color: #FFFFFF;


  border: 1px solid #EAEEFA;


  border: 1px solid rgba(234, 238, 250, 0.6);


  -webkit-border-radius: 6px;


  -moz-border-radius: 6px;


  border-radius: 6px;


  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);


  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);


  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);





display:none;


}





.wkmodal-header {


      border-bottom: 1px solid #EEEEEE;


    margin: 0;


	height:35px;


    padding: 5px 15px;


}





.wkmodal-header:hover {


    background-color: #F8F8F8;


    border-top-left-radius: 6px;


    border-top-right-radius: 6px;


    cursor: move;


}





.wkmodal-header h3{


   color: #404040;


    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;


    font-size: 18px;


    font-weight: bold;


    line-height: 36px;


    margin: 0;


	text-align:center;


	text-transform:uppercase;


}





.wkmodal-body {


  overflow-y: auto;


  padding: 15px;


}





.wkmodal-body p {


    color: #606060;


    font-size: 13px;


    font-weight: normal;


    line-height: 18px;


}





.wkmodal-footer {


    background-color: #F5F5F5;


   border-top: 1px solid #EEEEEE;


  -webkit-border-radius: 0 0 6px 6px;


  -moz-border-radius: 0 0 6px 6px;


  border-radius: 0 0 6px 6px;


  -webkit-box-shadow: inset 0 1px 0 #FFF;


  -moz-box-shadow: inset 0 1px 0 #FFF;


  box-shadow: inset 0 1px 0 #FFF;


    display: block;


    margin-bottom: 0;


    padding: 14px 15px 15px;


    text-align: center;


}








.wkmodal-footer a.btn:hover {


    background-color: #444444;


    border: 1px solid #444444;


}





.wkmodal-footer a.btn {


    background-color: #999999;


    background-repeat: repeat-x;


    color: #FFFFFF;


    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);


}





.wkmodal-footer a.btn {


    background-image: none;
    background-repeat: no-repeat;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: normal;
    padding: 5px 14px 6px;
    text-decoration: none;
    transition: all 0.2s linear 0s;


  border: 1px solid transparent;


  -webkit-border-radius: 3px;


  -moz-border-radius: 3px;


  border-radius: 3px;


  -webkit-transition: 0.2s linear all;


  -moz-transition: 0.2s linear all;


  transition: 0.2s linear all;


}





.hide {


  display: none;


}


.show {


  display: block;


}


.invisible {


  visibility: hidden;


}





/* -----------------------------------    Accordion Layout  ------------------------- */


	





#accordion {


     margin:0;


	border:none;


}





h2#accordtitle {


  background-color: #1a82f7;


background-repeat: repeat-x;


background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8F2F62), to(#5D3B63));


background: -webkit-linear-gradient(top, #8F2F62, #5D3B63);


background: -moz-linear-gradient(top, #8F2F62, #5D3B63);


background: -ms-linear-gradient(top, #8F2F62, #5D3B63);


background: -o-linear-gradient(top, #8F2F62, #5D3B63);


    color: #FFFFFF;


    cursor: pointer;


    font: 12px/16px Helvetica,Arial,sans-serif;


    margin: 5px 0;


    padding: 7px;


    width: 98%;


}





#accordion div.accorddata {


    background-color: #ECEDF3;


    border-bottom: medium none;


    border-top: medium none;


    display: none;


    height: auto;


    opacity: 1;


    overflow: hidden;


    padding: 10px;


    visibility: visible;


}








/*


#accordion h2.active , #accordion h2#accordtitle:hover {


    background: linear-gradient(white, #AAAAAA) repeat scroll 0 0 #AAAAAA;


    color: #444444;


}


*/