/* previous font Asap and in the textarea Ubuntu Mono <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Asap|Ubuntu+Mono"> */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);

* { margin: 0; padding: 0; } 
 
body, input, select, textarea { font: 14px 'Open Sans', sans-serif; color: #222; font-weight: 300;} 
 
input, select, textarea { padding: 2px; border: 1px solid #EEE; font-size: 14px; } 
 
textarea { font-family: 'Open Sans'; } 

img { border: 0}
a { color: #0000FF; } 
a:hover { color: #AAAAAA; } 

p { margin: 0 0 15px 0; }
ul { margin: 10px 0 10px 20px; }
ol li { margin: 10px 0 10px 20px; }

.clear { clear: both; } 
 
.button { background: #FFFFFF; margin-right: 10px; display: inline-block; padding: 6px 10px; border: 1px solid #DEDEDE; text-align: center; text-decoration: none; color: #222; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); } 
 
.button:active { box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25); } 
 
.hint {
	display: inline-block;
	width: 15px;
	height: 12px;
	padding: 3px 0 0;
	border: 1px solid #DEDEDE;
	border-radius: 20px;
	text-align: center;
	font-size: 80%;
	color: #888;
	background: #FFFFFF;
	cursor: pointer;

	
}

.header { background: #FFFFFF;  width: 960px; margin: 0px auto;   padding: 8px 10px 8px 0px;   z-index: 99999; border: 0px solid #EEEEEE; }  
.header h1{ font-size: 28px; font-weight: 300;}
.header h1 a {  color: #000000; text-decoration: none;  font-weight: 300;}
.header h2 { font-size: 14px; font-weight: normal}
h3 { margin: 0 0 10px; font-size: 14px; } 
.logo { width: 500px; }

.menu { width: 400px; border: 0px solid; padding-right: 20px; }
 
#wrap { width: 960px; margin: 10px auto; } 

#wrap h1 { /* margin: 0 0 40px; */ } 

.section { margin: 0px 0 0; } 
 
.section h3 { margin: 0 0 10px;} 



#editor { position: relative; } 


#editor .options {
	padding: 0 0 10px;
	border-bottom: 1px solid #EEE;
}
#editor .options .column {
	float: left;
	width: 310px;
}
#editor .options .field {
	height: 30px;
	margin: 0 20px 10px 0;
	text-align: right;
}
#editor .options .field label {
	display: inline-block;
	float: left;
	margin: 0 0 2px;
	padding: 4px 0 0;
	text-align: left;
}
#editor .options .field input[type='text'], #editor .options .field input[type='number'], #editor .options .field select {
	width: 126px;
}
#editor .options .field input[type='checkbox'] {
	margin: 5px 0 0;
}
#editor .options .field input.color {
	width: 23px;
	width: 66px;
}
#editor .options .field.size input {
	width: 50px;
}
#editor .options .field.size .cross {
	display: inline-block;
	width: 15px;
	text-align: center;
}
#editor .options .field .hint {
	vertical-align: super;
}
#editor iframe {
	border: none;
}
#editor .update {
	width: 48px; 
}
#editor .export {
	width: 220px;
	margin: auto;
	padding: 0px 0 0;
	border-top: 0px solid #EEE;
	text-align: center;
}

#editor .panel {
	display: none;
	position: absolute;
	padding: 10px;
	border: 1px solid #DEDEDE;
	background: #FFF;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
#editor .panel .cross {
	position: absolute;
	top: 5px;
	right: 10px;
	text-decoration: none;
	font-size: 1.2em;
	color: #222;
}
#editor .panel .content h4 {
	margin: 0 0 10px;
}
#editor .panel .content input[type='text'] {
	display: block;
	width: 200px;
	margin: 0 0 5px;
}
#editor .panel .content input.color {
	width: 23px;
	width: 60px;
}



/*
*
Generate Map Dialog Box
*
*/
#dialog {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
}
#dialog .back {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.2;
}
#dialog .front {
 
	position: absolute;
	top: 20%;
	left: 50%;
	width: 235px;
	margin: 0 0 0 -130px;
	padding: 10px;
	border: 2px solid #DEDEDE;
	background: #FFF; 
	text-align:center;
}
#dialog .front .cross {
	position: absolute;
	top: 5px;
	right: 10px;
	text-decoration: none;
	font-size: 1.2em;
	color: #222;
}
#dialog .front .content h4 {
	margin: 0 0 10px;
}
#dialog .front .content textarea {
	display: block;
	width: 240px;
	height: 200px;
	margin: 0 0 5px;
}





.underline1 {
text-decoration: underline;
}


/*
page design
*/


#footer-wrapper {
    background: #ECECEC;
    /* height: 310px; */
    width: 100%;
	 background: #EEEEEE; border: 1px solid #DDDDDD; 
}

#footer-wrapper .content {
    background: transparent; 
    margin: 0 auto;
    padding-bottom: 26px;
    padding-top: 15px;
    width: 960px;
}

#footer-wrapper .video { padding: 25px; z-index: -1}

#footer-wrapper .content .ins {
    float: left; 
    padding-left: 20px;
    width: 430px;
}
#footer-wrapper .content .title{ text-shadow: 1px 1px 1px #FFFFFF; color:#757575; }

#footer-wrapper .content .credits {
    float: left; 
    padding-left: 45px;
    width: 368px;
}


#footer-wrapper .content .credits p {
    line-height: 1.6em;
    padding-bottom: 14px;
}
.thirteenpx {
    font-size: 13px;
}


#footer-wrapper .content .credits p {
    line-height: 1.6em;
    padding-bottom: 14px;
}
.thirteenpx {
    font-size: 13px;
}

.social-media-footer {
	border: 0px solid;
    margin: 0 auto;
    text-align: center;
}


 .copyright {
	width: 400px; 
	float: left;
    font-size: 14px;
    padding-bottom: 20px;
    padding-top: 10px;
}


 .bottommenu { text-align: right; width: 350px; float: right;  }
.bottommenu  ul li{ float: right; margin-right: 20px;  list-style: none;  }
 
#footer-wrapper a {
color: #000099;
}
#footer-wrapper a:hover {
color: #AAAAAA;
}


/*
*
	Pay Dialog Box
*
*/
#paynow {  
	position: absolute;
	top: -4px;
	left: 68%;
	width: 255px;
	margin: 0 0 0 -175px;
	border: 2px solid #DEDEDE;
	background: #FFF; 
	text-align:center;
}

 
#paynow .title { margin: 0; padding: 12px; font-size: 1.7em; font-weight: bold; background: #EEEEEE; } 
#paynow .subline { margin: 0; padding: 12px; font-size: 1.3em; font-weight: bold; } 
#paynow .nothanks { margin: 0; padding: 12px; font-size: 0.8em; text-decoration: underline; color: #FF0000; } 
#paynow .nothanks a {  color: #FF0000; } 
 
#paynow .closepaynow { text-decoration: none; font-size: 1.0em; color: #0000FF; } 

.paynowbutton { width:200px; height:50px; background: url('../images/paynow.jpg') no-repeat;  cursor: pointer; border: 0px; }
.paynowbutton:hover { background: url('../images/paynowhover.jpg') no-repeat; }
.paynowbutton:active { background: url('../images/paynowactive.jpg') no-repeat; }


.paynowbutton2 { width:200px; height:50px; background: url('../images/1.png') no-repeat;  cursor: pointer; border: 0px; }
.paynowbutton2:hover { background: url('../images/2.png') no-repeat; }
.paynowbutton2:active { background: url('../images/3.png') no-repeat; }



#paynow .crosspaynow {
	display: inline-block;
	width: 15px;
	text-align: center;
	position: absolute; 
	
	text-decoration: none;
	font-size: 1.0em;
	color: #222; 
	
	top: 5px;
	right: 10px;
	text-decoration: none; 
	color: #222;

}
 
 .showpaynow {text-align:center; font-size: .8em;}
 
 .aligncenter { margin: auto; text-align:center;  }
 .alignleft { float: left; text-align:left;  }
 .alignright { float: right; text-align:right;  }
 
 
 
 .myContent { padding: 30px; min-height: 200px;} 
 
 .mapsavailable td{ text-align:center; width: 200px; }
 .mapsavailable td h3{ text-align:left; }
 .mapsavailable a{ color: #425957; text-decoration:  none;}
 
 .maplocation { display: none;}
 
 .premium-message {  background: #EEEEEE; border: 1px solid #DDDDDD; padding: 0 0 0 5px; margin: 0 0 10px 0;  vertical-align: center; height: 45px; line-height: 3}
 
.paynowpremiumform { width:140px; float: right;  margin-right: 45px;  }
 input.paynowpremiumbutton { 
	display: inline-block;
	padding: 6px 10px;
	text-align: center;
	text-decoration: none; 
	color: #466E0E; 
	background: #8CC739;
	border: 2px solid #65922B;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	font-weight: bold;
	margin-left: 10px; 
}


 input.paynowpremiumbutton:hover { 
text-shadow: 0px 1px 1px  rgba(0, 0, 0, 1);  background: #ACD473;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35); 
text-shadow: 0px 1px 1px  rgba(255, 255, 255, 1); 
}

.lowercase { text-transform: lowercase; }

 .paynowpremiumbuttonnew { 
	display: inline-block;
	padding: 3px 10px;
	text-align: center;
	text-decoration: none; 
	color: #466E0E; 
	background: #8CC739;
	border: 2px solid #65922B;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-o-border-radius: 3px; 
	font-weight: bold; 
}
 .paynowpremiumbuttonnew:hover { 
	color: #fff;   
	background: #ACD473;
}