/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {position: fixed;
z-index: 1002;
height: 356px;
width: 617px;
left: 311.5px;
top: -4px;
color:#bbb;
background-color:#333;
border:4px solid #444;
padding:12px;
}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

table[Attributes Style] {
border-spacing: 0px;
width: 600px;
height: 373px;
background-image: url(img/npopup.jpg);
background-repeat:no-repeat;
}
table {
white-space: normal;
line-height: normal;
font-weight: normal;
font-size: medium;
font-variant: normal;
font-style: normal;
color: -webkit-text;
text-align: start;
}
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
td[Attributes Style] {
vertical-align: top;
}
td, th {
display: table-cell;
vertical-align: inherit;
}
form {
margin-bottom: 1em;
}
form {
display: block;
margin-top: 0em;
}
#formwrapper
{
padding-top:30px; width:180px; margin-left:350px; margin-right:10px;
	box-shadow: 0px 5px 0px #c2c2c3;
-moz-box-shadow: 0px 5px 0px #c2c2c3;
width:225px;
}

#formtable
{
padding:10px; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius:4px; border:2px solid  #fff; margin-top: -55px;	
}
#formhead
{
	font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; padding-top:0px; color:#fff;
}
#formh
{
color:#fff; font-weight:bold;
font-size:19px;
margin-bottom:20px;
}
#fields
{
 color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-left:5px;
 margin-bottom:10px;
 font-weight:400;

}
input
{
	width:140px; height:25px; margin-right:5px;
	padding-left:5px;
	border:1px solid #125486;
	-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius:3px;
}
#buttonwrapper
{
	padding-top:5px; padding-right:0px; padding-bottom:2px;
}
#buttonc
{
background-color:#106508;  border:none; width:135px; height:28px; line-height:18px; font-family:Tahoma, Geneva, sans-serif; color:#FFF; font-size:14px; font-weight:bold; border-radius : 0px; border:1px solid #FFF;  margin-right:8px;	
}
div {
display: block;
}
table[Attributes Style] {
width: 100%;
height: 250px;
border-spacing: 0px;
background-color: rgb(0, 47, 83);
}
 .form_poup{ 
 display:none;
 }
/* ipad portrait */
@media only screen and ( min-width: 760px) and ( max-width: 980px ) {
#simplemodal-container {position: fixed;
z-index: 1002;
height: 356px;
width:60%;
left: 311.5px;
top: -4px;
color:#bbb;
background-color:#333;
border:4px solid #444;
padding:12px;
}
 .form_poup{ 
 display:none;
 }
}
 @media screen and (max-width:760px) {
 #simplemodal-container {
 background:none;
 border:none;
 background-image:none;
 height: auto!important;
 color: #bbb;
 padding:20px;
 top:10%!important;
 position: absolute!important;
}

#simplemodal-container .simplemodal-data {
padding:20px;
 background:#ccc;
 border:1px solid #fff;
width: 80%;
margin: 0px auto;
}
 #formwrapper {
 padding-top: 0px; 
 margin-left: 0px; 
 margin-right:0px; 
box-shadow: 0px 5px 0px #c2c2c3;
-moz-box-shadow: 0px 5px 0px #c2c2c3;
width: 70%;
margin:20px auto 0px auto;
}
#formtable {
padding: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 2px solid #fff;
 margin-top: 0px; 
}
input {
width: 100%;
height: 27px;
margin-right: 0px;
padding-left: 0px;
border: 1px solid #125486;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left; 
}
#fields {
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding-right: 15px;
margin-bottom: 10px;
font-weight: 400;
text-align: right!important;
 float: left; 
 width:50%;
}
 .form_poup{
 display:block;
 width:80%;
 margin:0px auto;
 text-align:center; 
 }
.form_poup h3{
color:#ec5b17!important;
font-size:32px;
}
.form_poup p{
background:#ec5b17;
color:#fff!important;
font-size:19px;
width:80%;
padding:10px 0px;
text-align: center;
margin: 0px auto;
}

.form_poup h4{
color:#1c1c1c;
font-size:21px;
margin:10px auto;
font-weight:normal;

}
#buttonc
{
background-color: #106508;
border: none;
width: 113px;
height: 39px;
 line-height:normal;
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
font-size: 18px;
font-weight: normal;
border-radius: 0px;
border: 1px solid #FFF;
margin-right: 8px;
padding: 10px 0px;	
}
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top: 16px;
right: 54px; cursor:pointer;}
 }
 @media screen and (max-width: 640px) {
   #simplemodal-container {
 background:none;
 border:none;
 background-image:none;
 height: auto!important;
 color: #bbb;
 padding:20px;
 top:10%!important;
  position: absolute!important;
}

#simplemodal-container .simplemodal-data {
padding:20px;
 background:#ccc;
 border:1px solid #fff;
width:54%;
margin: 0px auto;
}#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top: 14px;
right: 132px; cursor:pointer;}
 #formwrapper {
 padding-top: 0px; 
 margin-left: 0px; 
 margin-right:0px; 
box-shadow: 0px 5px 0px #c2c2c3;
-moz-box-shadow: 0px 5px 0px #c2c2c3;
width: 90%;
margin:20px auto 0px auto;
}
#formtable {
padding: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 2px solid #fff;
 margin-top: 0px; 
}
input {
width: 100%;
height: 27px;
margin-right: 0px;
padding-left: 0px;
border: 1px solid #125486;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left; 
}
#fields {
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding-right: 15px;
margin-bottom: 10px;
font-weight: 400;
text-align: right!important;
 float: left; 
 width:55%;
}
 .form_poup{
 display:block;
 width:100%;
 margin:0px auto;
 text-align:center; 
 }
.form_poup h3{
color:#ec5b17!important;
font-size:25px;
}
.form_poup p{
background:#ec5b17;
color:#fff!important;
font-size:19px;
width:100%;
padding:10px 0px;
text-align: center;
margin: 0px auto;
}

.form_poup h4{
color:#1c1c1c;
font-size:20px;
margin:10px auto;
font-weight:normal;

}
#buttonc
{
background-color: #106508;
border: none;
width: 113px;
height: 39px;
 line-height:normal;
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
font-size: 18px;
font-weight: normal;
border-radius: 0px;
border: 1px solid #FFF;
margin-right: 8px;
padding: 10px 0px;	
}
 }
 
 @media screen and (max-width:420px) {
 #simplemodal-container {
 background:none;
 border:none;
 background-image:none;
 height: auto!important;
 color: #bbb;
 padding:20px;
  position: absolute!important;
}

#simplemodal-container .simplemodal-data {
padding:20px;
 background:#ccc;
 border:1px solid #fff;
width:40%;
margin: 0px auto;
}
 #formwrapper {
 padding-top: 0px; 
 margin-left: 0px; 
 margin-right:0px; 
box-shadow: 0px 5px 0px #c2c2c3;
-moz-box-shadow: 0px 5px 0px #c2c2c3;
width: 100%;
margin:20px auto 0px auto;
}
#formtable {
padding: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 2px solid #fff;
 margin-top: 0px; 
}
input {
width: 100%;
height: 27px;
margin-right: 0px;
padding-left: 0px;
border: 1px solid #125486;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left; 
}
#fields {
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding-right: 15px;
margin-bottom: 10px;
font-weight: 400;
text-align: right!important;
 float: left; 
 width:50%;
}
.form_poup {
display: block;
width: 100%;
margin: 0px auto;
text-align: center;
}
.form_poup h3{
color:#ec5b17!important;
font-size:25px;
}
.form_poup p{
background:#ec5b17;
color:#fff!important;
font-size:18px;
width:100%;
padding:10px 0px;
text-align: center;
margin: 0px auto;
}

.form_poup h4{
color:#1c1c1c;
font-size:18px;
margin:10px auto;
font-weight:normal;

}

#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top: 14px;
right: 175px; cursor:pointer;}
#buttonc
{
background-color: #106508;
border: none;
width: 113px;
height: 39px;
 line-height:normal;
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
font-size: 18px;
font-weight: normal;
border-radius: 0px;
border: 1px solid #FFF;
margin-right: 8px;
padding: 10px 0px;	
}
 } @media screen and (max-width:320px) {
 #simplemodal-container {
 background:none;
 border:none;
 background-image:none;
 height: auto!important;
 color: #bbb;
 padding:20px;
  position: absolute!important;
}
#simplemodal-container a.modalCloseImg {
background: url(../img/basic/x.png) no-repeat;
width: 25px;
height: 29px;
display: inline;
z-index: 3200;
position: absolute;
top: 14px;
right: 198px;
cursor: pointer;
}
#simplemodal-container .simplemodal-data {
padding:12px;
 background:#ccc;
 border:1px solid #fff;
width:36%;
margin: 0px auto;
}
 #formwrapper {
 padding-top: 0px; 
 margin-left: 0px; 
 margin-right:0px; 
box-shadow: 0px 5px 0px #c2c2c3;
-moz-box-shadow: 0px 5px 0px #c2c2c3;
width: 100%;
margin:20px auto 0px auto;
}
#formtable {
padding: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 2px solid #fff;
 margin-top: 0px; 
}
input {
width: 100%;
height: 27px;
margin-right: 0px;
padding-left: 0px;
border: 1px solid #125486;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left; 
}
#fields {
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding-right: 15px;
margin-bottom: 10px;
font-weight: 400;
text-align: right!important;
 float: left; 
 width:50%;
}
 .form_poup{
 display:block;
 width:100%;
 margin:0px auto;
 text-align:center;
 padding:0px;
 }
.form_poup h3{
color:#ec5b17!important;
font-size:23px;
}
.form_poup p{
background:#ec5b17;
color:#fff!important;
font-size:15px;
width:100%;
padding:10px 0px;
text-align: center;
margin: 0px auto;
}

.form_poup h4{
color:#1c1c1c;
font-size:16px;
margin:10px auto;
font-weight:normal;

}
#buttonc
{
background-color: #106508;
border: none;
width: 113px;
height: 39px;
 line-height:normal;
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
font-size: 18px;
font-weight: normal;
border-radius: 0px;
border: 1px solid #FFF;
margin-right: 8px;
padding: 10px 0px;	
}
 }