body {
 font-size:75%;
 font-family:Helvetica, "Times New Roman", Verdana,Courier, Arial, sans-serif;
 color:#000000;
 margin:0px;
 text-align:center;
 background:#37516A;
}

.userInput {
 position:absolute;
 left:25%;
 top:25%;	
}

div.side {
 width:200px;
 float: right;
 text-align:right;
 color: #C6DBFF;
 background:#ffffff;
 color:#000000;
}

.transparent{
 border:0;
 background: transparent;
}


div.login
{
 position:absolute;
 left:22em;
 top:25em;
 width: 500px; height: 200px;
 border-style: solid;
 border-color: #44a4d7;
 background:#44a4d7;
 color:#ffffff;
}

div.content {
 padding:0px;
 color:#000000;
 font-size:medium;
 text-align:center;
}

div.input_box {
 position:relative;
 left:150px;
 width:700px;
 height:100px;
 padding:15px;
 color:#000000;
 font-size:medium;
 text-align:center;
}

.zingboxtext{
 position:relative;	
 width:500px;
 left:10px;
 color:#666699;
 text-align:left;
}

.zingbox_old {	
 margin-left: 5px;
 margin-right: 5px;
 float:left;
 border: 1px dashed #000;
 left:150px;
 overflow:auto;
 font-size:15px;
 color:blue;
 opacity:0.8;
 height:100px;
 width:500px; 
 padding:10px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 5px;
}
.zingboxtitle {	
 border: 1px solid #000;
 left:260px;
 top:60px;
 padding:5px;
 font-size:15px;
 color:#003366;
 border: 1px solid #2d71b3;
 height:30px;
 width:510px; 
 overflow:auto;
}

.zingboxtitle:focus {
  background:#dfefff;
  border-width:2px;
  padding:4px;
}

.zingboxtitle:hover{
  border-width:2px;
  padding:4px;
}

.zingbox {	
 overflow:auto;
 left:240px;
 top:60px;
 padding:5px;
 font-size:13px;
 color:#003366;
 border: 1px solid #2d71b3;
 height:50px;
 width:500px; 
}

.zingbox:focus {
  background:#dfefff;
  border-width:2px;
  padding:4px;
}

.zingbox:hover{
  border-width:2px;
  padding:4px;
}

.button_example {
    display:block;
    padding:5px;
    margin:auto;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:16px;
    text-align:center;
    clear:none;
    outline-style:none;
    color:#FFFFFF;
    background:#003366;
    border:1px solid #6699bb;
}

.button_example:hover {
   outline-style:none;
   background:#114477;
   border:1px solid #003366;
}

.button_example:active {
   color:#FFFFFF;
   background:#003366;
   outline-style:none;
}


.buttoncancel{
 width:130px;
 height:50px;
 border:0px;
 background: transparent url("/img/c1.jpg") no-repeat center top;
 cursor: pointer; /* hand-shaped cursor */
 cursor: hand; /* for IE 5.x */
 padding:0px;
}

.buttoncancel:hover{
 width:130px;
 height:50px;
 border:0px;
 background: transparent url("/img/c3.jpg") no-repeat center top;
 cursor: pointer; /* hand-shaped cursor */
 cursor: hand; /* for IE 5.x */
 padding:0px;
}

.buttoncancel:active{
 width:130px;
 height:50px;
 border:0px;
 background: transparent url("/img/c2.jpg") no-repeat center top;
 cursor: pointer; /* hand-shaped cursor */
 cursor: hand; /* for IE 5.x */
 padding:0px;
}

.button_comment {
    padding:2px;
    position:absolute;
    left:10px;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#303030;
    line-height:14px;
    text-align:center;
    clear:none;
    outline-style:none;
    border:none;
    display:inline;
}

.facebook-share {
 background-color:#003366;
 color:#FFFFFF;
}
.button_fb {
    outline-style:none;
    text-align:right;
    border:none;
    display:inline;
    position:absolute;
    right:10px;
}

.button_fb a {
    outline-style:none;
    text-align:right;
    border:none;
    display:inline;
    position:absolute;
    right:5px;
}


.button_more_comment {
    padding:2px;
    position:absolute;
    left:150px;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#303030;
    line-height:14px;
    text-align:center;
    clear:none;
    outline-style:none;
    border:none;
    display:inline;
}

.button_more_comment:hover {
   outline-style:none;
   color:#000000;
   font-weight: bold;
}

.button_more_comment:active {
   color:#FFFFFF;
   background:#003366;
   outline-style:none;
}


.button_comment_expand {
    display:block;
    padding:2px;
    margin:auto;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:14px;
    text-align:center;
    clear:none;
    outline-style:none;
    color:#FFFFFF;
    background:#003366;
    border:1px solid #6699bb;
    display:inline;
}

.button_comment:hover {
   outline-style:none;
   color:#000000;
   font-weight: bold;
}

.button_comment:active {
   color:#FFFFFF;
   background:#003366;
   outline-style:none;
}


.button_delete {
    padding:2px;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:14px;
    text-align:center;
    clear:none;
    color:#303030;
    border:none;
    display:inline;
}

.button_delete:hover {
 color:#FF0000;
}

.button_delete:active {
   color:#FF0000;
   background:#003366;
}

.button2{
 width:130px;
 height:50px;
 border:0px;
 background: transparent url("/img/b1.jpg") no-repeat center top;
 cursor: pointer; /* hand-shaped cursor */
 cursor: hand; /* for IE 5.x */
 padding:0px;
}

.button2:hover{
 width:130px;
 height:50px;
 border:0px;
 background: transparent url("/img/b3.jpg") no-repeat center top;
 cursor: pointer; /* hand-shaped cursor */
 cursor: hand; /* for IE 5.x */
 padding:0px;
}

.button2:active{
 width:130px;
 height:50px;
 border:0px;
 background: transparent url("/img/b2.jpg") no-repeat center top;
 cursor: pointer; /* hand-shaped cursor */
 cursor: hand; /* for IE 5.x */
 padding:0px;
}

.button{
 top:100px;
 left:100px;
 width:130px;
 height:50px;
 border:0px;
 background: transparent url("/img/b4.jpg") no-repeat center top;
 cursor: pointer; /* hand-shaped cursor */
 cursor: hand; /* for IE 5.x */
 padding:0px;
}

.commentbox {
 color:#000000;
 font-size:12px;
}


.commentbox a{
 color:#003366;
 font-size:16px;
}

#form{
 display:inline;
 margin-bottom:0px;
}

.textform{
}

.button:focus{
 outline:0;
} 

img:focus{
 outline:0;
}

input.button_2{
 width:100px;
 height:30px;
 font-size:15px;
}

input.count{
  border:0px;
  font-size:medium;
  position:absolute;
  right:40px;
}

span.question{
  position:relative;
  padding:10px;
  font-size:medium;
  left:-60px;
}

.text_from{
  font-size:12px;
  color:black;
}

span.l_string{
  font-weight:bold;
  font-size:12px;
  color:#003366;
}

span.l_string a{
  font-weight:bold;
  font-size:13px;
  color:#003366;
}


.question_text{
  padding:10px;
}

div.clear{
 height:0px;
 clear: both;
}

.logout {
 float:right;
 font-size:small;
 color:white;
}

.logout_left{
 float:left;
 font-size:small;
 color:white;
}


div.zmessage{
 background:#ffffff;
 color:#000000;
 border-color:#003366;
 border-style:solid;
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:3px;
 border-bottom-width:1px;
}

div.zmessage:hover{
}

div.zmessagenew{
 background:#ddeeff;
 padding:5px;
 color:#000000;
}

.messagetitle{
 position:relative;
 font-weight: bold;
 font-size:16px;
 background-color:#003366;
 color:#ffffff; 
 text-align:left;
 padding-left:5px;
}

.messagetitle h1{
 margin:0;
 font-size: 16px;
 font-weight: bold;
 display: inline;
}

.messagetitle a{
 text-decoration:none;
 position:relative;
 font-weight: bold;
 font-size:16px;
 color:#ffffff; 
 text-align:left;
 padding-left:5px;
}

div.zmessage_p{
 background:#ffffff;
 color:#000000;
 position:relative;
 border-color:#567951;
 border-style:solid;
 border-left-width:1px;
 border-right-width:1px;
 border-top-width:3px;
 border-bottom-width:1px;

}

div.zmessage_p:hover{
}

div.zmessagenew_p{
 background:#ddeeff;
 padding:5px;
 color:#000000;
}

.messagetitle_p{
 font-weight: bold;
 font-size:16px;
 background-color:#567951;
 color:#ffffff; 
 text-align:left;
 padding-left:5px;
}

.messagetitle_p a{
 font-weight: bold;
 font-size:16px;
 background-color:#567951;
 color:#ffffff; 
 text-align:left;
 padding-left:5px;
 text-decoration:none;
}

.zeolestats{
 position:relative;
 text-align:left;
}

.zeolestats_comments{
 text-align:left;
 font-size:12px;
 font-weight: bold;
 font-style: italic;
 position:absolute;
 left:5px;
 font-family: Helvetica, Arial, sans-serif;
}

.zeolecommentsHeaderDIV{
 position:absolute;
 right:10px;
 text-align:right;
 font-size:12px;
 font-weight: normal;
 font-family: Helvetica, Arial, sans-serif;
 white-space:pre-wrap;
}

.zeolecommentsDIV{
 text-align:left;
 font-size: 12px;
 font-family: Helvetica, Arial, sans-serif;
 font-style: italic;
 white-space:pre-wrap;
}

.zeolecommentsDIV a{
 color:#003366;
 text-decoration:none;
 font-size: small;
 font-family: Helvetica, Arial, sans-serif;
}



.commentText{
 text-align:left;
 font-size: 3px;
 font-family: Helvetica, Arial, sans-serif;
 white-space:pre-wrap;
 position:absolute;
 left:5px;
}

.message{
 text-align:left;
 font-size:13px;
 white-space:pre-line;
 word-wrap: break-word;
 padding-left:5px;
 padding-right:5px;
 display:block;
 width:98%;
 overflow:hidden;
}

.message a{
 color:#003366;
 text-decoration:none;
 font-size: 13px;
 font-family: Helvetica, Arial, sans-serif;
}


.onemessage{
 text-align:left;
 font-size: small;
 font-family: Helvetica, Arial, sans-serif;
 white-space:pre-wrap;
 padding-left:5px;
 padding-right:5px;
 width:400px;
 text-align:left;
 background-color:#AAC8FF;
}

.onemessage a{
 font-size: small;
 font-family: Helvetica, Arial, sans-serif;
}


div.nameAndTime{
 position:relative;	
 padding:5px;
 height:20px;
 text-align:left;
}

.name{
 position:absolute;
 font-family: Helvetica, Arial, sans-serif;
 left:5px;
 top:0px;
 text-align:left;
 font-size:.9em;
 color:#006633;
}

.name a{
 font-family: Helvetica, Arial, sans-serif;
 text-align:left;
 font-size:16px;
 color:#006633;
 font-weight:bold;
 text-decoration:none;
}


.time {
 position:absolute;
 top:3px;
 right:10px;
 text-align:right;
 font-size:0.7em;
}

.commentsseparator{
 border-color:#A0A0A0;
 border-top-style:dashed;
 border-width: 1px;
}

.commentheader{
  text-align:center;
  font-size:12px;
}

.commentheader a{
  text-align:right;
  font-size:12px;
}


.zingseparator{
 border-bottom: dashed;
 border-width: 1px;
}

.title{
 width:500px;
}


font.login {
  font-size: 1.3em;
  font-family:Helvetica,Verdana; 
  color:#ffffff;
}

input.login {
 height:18px;
 font-family:Helvetica,Verdana; 
 width:250px;
 border: 1px solid #2d71b3;
 padding: 5px;
 font-size:13px;
 color:#003366;
}

input.login:focus {
  background:#dfefff;
  border-width:2px;
  padding:4px;
}

input.login:hover{
  border-width:2px;
  padding:4px;
}

div.comment_box{
  margin:auto;
  height:25px;
  background:white;
  font-size:small;
  border:none;
}

textarea.comment {
  font-family:Helvetica,Verdana; 
  color:#000000;
  border: 1px solid #000;
  padding: 5px;
  font-size:12px;
  color:blue;
  width:300px;
  overflow:auto;
}


img.login {
    border: 0px;
    height: 2px;
    width: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 25px;
    position:relative;
    left:50px;
    top:30px;
}


input.logintextbox
{
    height: 20px;
    width: 150px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 25px;
    position:relative;
    left:50px;
    top:30px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px solid #000;
	padding: 10px;
}

a.login {
  font-size: 1.3em;
  font-family:Helvetica,Verdana; 
  color:#ffffff;
  position:relative;
  left:50px;
  top:30px;
}

.wrap {
  position:relative;
  width:1024px;
  margin:auto;
  color:#000000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color:#ffffff;
  z-index:10; 
}

.wrap_fit{
  position:relative;
  width:980px;
  margin:auto;
  color:#000000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color:#ffffff;
  z-index:10; 
}

.wrap_small{
  position:relative;
  width:550px;
  margin:auto;
  color:#000000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color:#ffffff;
  z-index:10; 
}
 
.wrap_container{
  overflow:hidden;
  width:100%;
}

.about_wrap {
  position:relative;
  width:1024px;
  margin:auto;
  color:#000000;
  align:center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
 background-color:#ffffff;
 z-index:10; 
}


.background_img{
  text-align:center;
  opacity:0.6;
}

.topbar{
  position:relative;
  margin:auto;
  padding:40px;
  border:0px;
  width:960px;
  height:70px;
  vertical-align:middle;
  border-style:none;
  color:white;
}

.topbar a{
  color:white;
}

.topbar_small{
  position:relative;
  margin:auto;
  padding:10px;
  border:0px;
  width:500px;
  height:65px;
  vertical-align:middle;
  border-style:none;
  color:white;
}

.topbar_small a{
  color:white;
}


.greeting{
 position:absolute;
 top:5px;
 right:5px;	
 font-size:medium;
 color:white;
}

.photos {
  width: 350px;
  position:relative;
  float:left;
  top:0;
  width:350px;
  color:#000000;
  border-style: none;
  border-color: #000000;
  border-width: 1px;  
  z-index:0;
}

.slideshow {
  width:300px;
  float:left;
  top:7px;
  left:15px;
  color:#000000;
  margin-right:35px;
  margin-left:10px;
  z-index:0;
}

.slideshow img { 
  position:relative;
  height: 350px;
  width: 250px;
  padding: 0px; 
  border:5px solid #dddddd;
  z-index:0;
  left:0px;
}

.counrtymap {
  width:300px;
  float:left;
  top:7px;
  left:0px;
  color:#000000;
  margin-left:0px;
  z-index:0;
}

.countrymap img { 
  position:relative;
  height: 250px;
  width: 150px;
  padding: 0px; 
  z-index:0;
  left:0px;
}

.worldmap {
  width:300px;
  float:left;
  top:7px;
  left:15px;
  color:#000000;
  margin-left:10px;
  z-index:0;
}

.worldmap img { 
  position:relative;
  width: 250px;
  padding: 0px; 
  z-index:0;
  left:0px;
}
.worldmap:hover img{
  height:300px;		
}

.left_fit {
  position:relative;
  height: 550px;
  width:220px;
  float:left;
  top:5px;
  color:#000000;
  border-style: none;
  border-color: #000000;
  border-width: 0px;
  padding:0px;  
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  z-index:1;
}

.right_fit {
  position:relative;
  width:220px;
  float:right;
  top:5px;
  color:#000000;
  border-style: none;
  border-color: #000000;
  border-width: 0px;
  padding:0px;  
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  z-index:1;
}


.photo_text {
  width:250px;
  font-size:small;
}

.photo_text a {
  font-size:small;
  color:#003366;
}

#main{
  position:relative;
  top:0;
  left:0px;
  float:left;
  width:510px;
  color:#000000;
  border-style: none;
  border-color: #000000;
  border-width: 1px;  
  z-index:1;
}

#middle{
  position:relative;
  width:850px;
  background: #234340;
}

.header{
  font-size:small;
  text-align:center;
  padding:0px;
  color:#ffffff;
  padding-right: 20px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/ZeoleLogo.png',sizingMethod='scale');
}

.header_left{
  font-size:small;
  text-align:left;
  padding:0px;
  color:#ffffff;
  padding-right: 20px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/ZeoleLogo.png',sizingMethod='scale');
}


.header_title{
  font-size:40px;
  text-align:center;
  padding:0px;
  color:#ffffff;
}


.header img{
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/ZeoleLogo.png',sizingMethod='scale');
}

#menu{
  background:#e0ffff;
  font-size:medium;
  text-align:center;
  vertical-align:middle;
  padding:10px;
  border:dashed;
  border-width:1px;
}

#login{
  width:410px;
  position:relative;
  margin:auto;
  background:#eff3ff;
  font-size:small;
  text-align:center;
  vertical-align:middle;
  border:solid;
  padding:10px;
  border-width:5px;
  border-color:lightblue;
  z-index:100;
}

#sidebar{
  float:right;
  width:250px;
  color:#000000;
  top:0px;
  left:600px;
  background:#ffffff;
  border-style: none;
  border-color: #000000;
  border-width: 1px;
  margin:2px
}

.foot{
  font-size:14px;
  clear:both;
  color:white;
}

.foot a{
  font-size:14px;
  clear:both;
  color:white;
}


#zings{
  word-wrap:break-word;
}

.location {
  position:relative;		
  left:10px;
  padding-top:10px;		
  text-align:center;
  font-size:150%;
  border-width:1px;
  color:#003366;
}

#about{
  position:relative;
  top:0;
  left:0px;
  float:left;
  width:400px;
  color:#000000;
  border-style: none;
  border-color: #000000;
  border-width: 1px;  
  text-align:left;
  z-index:1;
  padding:40px;
}
#about a{
  font-weight:normal;
  color:#003366;
  font-size:1em;
}


#error{
  color:red;
}

img{
  border:0px;
}

#bottom_fade {
        width: 600px;
        height: 120px;
        z-index: 99;
        position: fixed;
        bottom: 0px;
        background: url("/img/bottom-fade.png") bottom center no-repeat;
}

.popupzing{
 width:500px;
 height:300px;
 position:relative;
 left:20%;
 top:5px;
 background:#987690;
 float:none;
}

.beta {
      position:absolute;
      right:5px;
      top:0px;
      color:#ffffff;
      font-size:15px;
}     

.hidden_class{
  display: none;
}

.auth_box{
  font-size:15px;
  width:250px;
  margin:auto;
  color:#2d71b3;
}

.auth_box a{
  color:#003366;
}

.auth_box a:visited{
  color:#003366;
}
.loginheading{
  color:#003366;
  font-size:20px;
  font-weight:bold;
}
.login_text{
  color:#003366;
  text-align:left;
}


.more {
    padding:2px;
    position:absolute;
    right:0px;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#303030;
    line-height:14px;
    text-align:center;
    clear:none;
    outline-style:none;
    border:none;
    display:inline;
}

div.tip {
 width:180px; 
 color:#000000;
 border-style:solid;
 white-space:pre-line;
 word-break:normal;
 border-width:0px;
 margin-top:40px;
 margin-right:0px;
 padding-right:20px;
 float:right;
 text-align:left;
 font-size:13px;
}

div.tip a{
 color:#003366;
 font-size:13px;
 font-family:"arial";
}

div.tag_cloud {
 width:180px; 
 color:#000000;
 border-style:solid;
 white-space:pre-line;
 word-break:normal;
 border-width:0px;
 margin-top:10px;
 margin-right:0px;
 padding-right:20px;
 float:right;
 text-align:center;
 font-size:13px;
}

div.tag_cloud a{
 color:#003366;
 font-size:13px;
 font-family:"arial";
}


div.tip2 {
 width:180px; 
 color:#000000;
 border-style:solid;
 white-space:pre-line;
 word-break:normal;
 border-width:1px;
 margin-top:5px;
 margin-right:10px;
 padding:10px;
 float:left;
 text-align:left;
 font-size:13px;
}

div.tip2 a{
 color:#003366;
 font-size:14px;
}

div.tip_head {
  font-size:16px;
  font-weight:bold;
  outline:none;
}


div.hist_name{
 text-align:center;  
 font-size:14px;
}

div.hist_name_text{
 text-align:center;  
 font-size:18px;
}

div.hist_name_text a{
 color:#16ae06;
 font-weight:bold;
 text-decoration:none;
}

div.hist_place_text{
 text-align:center;  
 font-size:18px;
 color:#0c67c4;
}

div.hist_place_text a{
 color:#0c67c4;
 font-weight:bold;
 text-decoration:none;
}

div.hist_general_text{
 text-align:center;  
 font-size:15px;
 color:#003366;
 font-weight:normal;
}

div.hist_general_text a{
 color:#003366;
 font-weight:normal;
 text-decoration:none;
}


.intro{
position:absolute;
left:150px;
top:15px;
width:300px;
text-align:left;


}

.profilepic {
 float:left;	    
 border-style: none;
 border-color: #000000;
 padding-right:3px; 
}


.commentsingle {
 float:left;
 width:100px;
 height:100px;	       
}

.zeole_img{
 text-align:center;
}

.eventbox{
  width:400px;
  position:relative;
  left:50px;
  background:#eeeeee;
  border:1px solid #bbbbbb;
  padding-top:5px;
  padding-bottom:15px;
}

.event_text{
    float:left;
    width:70px;
    font-weight:bold;
}

.event_content{
    float:right;
}

.event_image{
    float:left;
    width:100px;
    text-align:center;
}

.event_header{
    text-align:center;
    font-size:16px;
    font-weight:bold;
    padding:10px;
}

.event_month{
    color:#ffffff;
    background-color:#DF7401;
    height:20px;
    font-weight: bold;
}
.event_date{
    background-color:#cccccc;
    padding-top:5px;
    padding-bottom:5px;
    font-size:18px;
    font-weight:bold;
    color:#003366;
}

.event_cal{
    float:left;
    text-align:center;
    width:50px;
    border:2px solid #DF7401;
    margin-left:20px;
    margin-right:20px;
}
.categoryheader{
   color:#002080;
   text-align:left;
   padding-left:10px;
}

.categoryheader a {
  font-size:12px;
}

.categoryheader b {
   text-align:left;
   color:#000000;
   font-size:12px;
}


.no_br{
    display: inline; 
    padding-left:40px;
    padding-right:40px;
}