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

#box{ width: 380px; height: 110px; padding: 8px; background-color: #FFFFFF; border: 1px solid #306D72; position: fixed; bottom: -999px; right: 0px; -moz-box-shadow: -2px 0px 5px #AAAAAA; -webkit-box-shadow: -2px 0px 5px #aaa; box-shadow: -2px 0px 10px #AAAAAA; text-align: center;}

#box_ar{ width: 380px; height: 110px; padding: 8px; background-color: #FFFFFF; border: 1px solid #306D72; position: fixed; bottom: -999px; right: 0px; -moz-box-shadow: -2px 0px 5px #AAAAAA; -webkit-box-shadow: -2px 0px 5px #aaa; box-shadow: -2px 0px 10px #AAAAAA; text-align: center;}

#box h2{font-size: 17px; font-family: "Lato", sans-serif; font-weight: bold; color: #306D72; padding: 3px 0 7px 0; margin: 0 5px 0 0; line-height: 1.5; text-align: center;}

#box p{font-family: "Lato", sans-serif; font-size: 11px; color: #306D72; padding: 2px 0;}

a.close{background: transparent url(http://stg.enb.iisd.org/_gen/images/close.gif) no-repeat top left; width: 13px; height: 13px; position: absolute; cursor: pointer; top: 10px; right: 10px;}

a.close hover{background-position: 0px -13px;}

.gap {margin: 0; padding: 5px 10px; height: auto; width: 100%; color: #4F5362; background-color: #FFFFFF; border: 1px solid #A8ACB9; border-radius: 3px; box-sizing: border-box; min-width: 0; min-height: 0; font-family: "Lato", sans-serif;}

.btn {
	background-color: #5BBD8B;
    padding: 6px 100px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1.7;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    min-width: 0;
    min-height: 0;
    height: auto;
    transition: background 0.2s ease;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.20);
    margin: 10px;
    font-family: "Lato", sans-serif;
}

.btn: hover {background-color: #31A03E;}
.btn a {color: #FFF !important; text-decoration: none !important;font-weight: bold !important; font-size: 1.4em !important;}
.btn a:hover {color: #FFF !important; text-decoration: none !important;font-weight: bold !important; font-size: 1.4em !important;}

input: : -webkit-input-placeholder {font-family: "Lato", sans-serif; text-align: center;}

input[type="radio"]{display: none;}

input[type="radio"] + label:before{background-clip: content-box; background-color: white; border: 2px solid #5BBD8B; border-radius: 50%; content: ""; display: inline-block; height: 8px; width: 8px; line-height: 8px; margin: -2px 3px 0 5px; text-align: center; vertical-align: middle;}

input[type="radio"]:checked + label:before{background-color: #306D72; background-clip: content-box; padding: 1px; width: 6px; height: 6px;}

form p{margin: 0;}


/* --For Mobile Devices------------------------------------- */

@media screen and (max-width: 736px) {
	
#box{width: 100%; height: 90px; padding: 3px; background-color: #FFFFFF; border: 1px solid #306D72; position: fixed; bottom: -130px; right: 0px; -moz-box-shadow: -2px 0px 5px #AAAAAA; -webkit-box-shadow: -2px 0px 5px #aaa; box-shadow: -2px 0px 10px #AAAAAA; z-index: 99999999999;}

#box h2{width: 90%; font-size: 13px; font-family: "Lato", sans-serif; font-weight: bold; color: #306D72; padding: 5px 0 8px; margin: 0 5px; line-height: 1; text-align: center;}
	
#box p{font-family: "Lato", sans-serif; font-size: 11px; color: #306D72;}	

a.close{background: transparent url(http://stg.enb.iisd.org/_gen/images/close.gif) no-repeat top left; width: 13px; height: 13px; position: absolute; cursor: pointer; top: 8px; right: 8px;}

a.close: hover{background-position: 0px -13px;}

.gap {margin: 0 0 5px 0; padding: 10px 12px 10px 16px; height: 35px; width: 65%; color: #4F5362; background-color: #FFFFFF; border: 1px solid #A8ACB9; border-radius: 3px; box-sizing: border-box; min-width: 0; min-height: 0; font-family: "Lato", sans-serif;}

.btn {background-color: #5BBD8B; padding: 6px 20px; color: #FFFFFF; font-weight: bold; border: 0; border-radius: 3px; cursor: pointer; margin: 1px; float: right; width: 30%; height: auto;}
	
.btn: hover {background-color: #31A03E;}

input: : -webkit-input-placeholder {font-family: "Lato", sans-serif; text-align: center;}
	
input[type="radio"]{display: none;}

input[type="radio"] + label:before{background-clip: content-box; background-color: white; border: 2px solid #5BBD8B; border-radius: 50%; content: ""; display: inline-block; height: 8px; width: 8px; line-height: 8px; margin: -2px 3px 0 5px; text-align: center; vertical-align: middle;}

input[type="radio"]:checked + label:before{background-color: #306D72; background-clip: content-box; padding: 1px; width: 6px; height: 6px;}	

}