/***   CSS for Modal pops - Success and Error   ***/
#successpop
{
display:none;
width:60%;
/***  cannot use "auto" in margin or will break layout in IE - OK because pop script will center it anyway!  ***/
margin:0;
padding:30px 25px 25px 25px;
/***  green background with red border  ***/
border:3px solid #ff0000;
background:#00ff00;
color:#ffffff;
font-size:18px;
text-align:center;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
}

#successpop h1
{
margin:0;
padding:0;
border:0;
background:transparent;
font-family:'ABeeZee',serif;
color:#000000;
text-shadow:none;
font-size:20px;
line-height:30px;
vertical-align:baseline;
letter-spacing:0px;
word-spacing:0px;
font-weight:700;
font-style:normal;
font-variant:normal;
text-transform:capitalize;
text-decoration:none;
text-align:center;
text-indent:0px;
}

#successpop h1 span
{
color:#000000;
text-shadow:none;
font-size:30px;
padding-right:10px;
}

#successpop p
{
margin:0;
padding:15px 0 0 0;
border:0;
text-align:justify;
font-family:'Oxygen',sans-serif;
font-size:18px;
line-height:125%;
font-weight:500;
color:#000000;
}

#successpop p span
{
font-weight:900;
font-size:125%;
color:#ffffff;
font-style:normal;
padding-left:5px;
padding-right:5px;
}

#errorpop
{
display:none;
width:60%;
/***  cannot use "auto" in margin or will break layout in IE - OK because pop script will center it anyway!  ***/
margin:0;
padding:20px 25px 25px 25px;
/***   red background with black border  ***/
border:3px solid #000000;
background:#ff0000;
color:#ffffff;
font-size:18px;
text-align:center;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
}

#errorpop h1
{
margin:0;
padding:0;
border:0;
background:transparent;
font-family:'ABeeZee',serif;
color:#ffffff;
text-shadow:none;
font-size:20px;
line-height:30px;
vertical-align:baseline;
letter-spacing:0px;
word-spacing:0px;
font-weight:700;
font-style:normal;
font-variant:normal;
text-transform:capitalize;
text-decoration:none;
text-align:center;
text-indent:0px;
}

#errorpop h1 span
{
color:#ffffff;
text-shadow:none;
font-size:30px;
padding-right:10px;
}

#errorpop p
{
margin:0;
padding:15px 0 0 0;
border:0;
text-align:justify;
font-family:'Oxygen',sans-serif;
font-size:18px;
line-height:125%;
font-weight:500;
color:#ffffff;
}

#errorpop p span
{
font-weight:900;
font-size:125%;
color:#000000;
font-style:normal;
padding-left:5px;
padding-right:5px;
}

.button
{
background-color:#ff4242;
border-radius:10px;
box-shadow:0 2px 3px rgba(0,0,0,0.3);
color:#fff;
cursor:pointer;
display:inline-block;
padding:10px 20px;
text-align:center;
text-decoration:none;
}

.button.small{border-radius:15px;float:right;margin:22px 5px 0;padding:6px 15px;}

.button:hover{background-color:#b3b3b3;color:#000000;}

.button>span{font-size:84%;}

.button.b-close
{
border-radius:7px 7px 7px 7px;
box-shadow:none;
font:bold 131% sans-serif;
padding:0 6px 2px;
position:absolute;
right:-10px;
top:-10px;
}