/* ModuleBegin::blog */
.blogArchiveMonth { padding-left:10px; }
.blogArchiveYear { font-weight: bold; }
.blogDate { padding:5px 0px; font-weight: bold; background-color: #eeeeee; }
.blogDividerComments { height: 1px; background-color:#cccccc; }
.blogDividerTop { height: 1px; background-color:#cccccc; }
.blogEntry { padding-top: 5px; }
.blogEntryFooter { padding-bottom: 10px; }
.blogFooter { height: 1px; background-color:#cccccc; }
.blogPosted { padding-bottom: 5px; padding-top: 5px; color: #000066; }
.blogTitle { color: #000066; font-weight: bold; padding-top: 10px; }
/* ModuleEnd::blog */

/* ModuleBegin::newsfeed */
.newsfeed .number { font-weight: bold; font-size: 15pt; width: 40px; }
.newsfeed .title { font-weight: bold; font-size: 15pt; }
.newsfeed .source { padding-left: 10px; }
/* ModuleEnd::newsfeed */

/*
Muncie Sanitary District
Modified 05/21/07 by SpinWeb Internet Media

   I.   Global
  II.   Layout
 III.   Typography
  IV.   Navigation
   V.   Lists
  VI.   Tables
 VII.   Forms
VIII.   Lightbox
IX.     StormWater CSS

==========*/

/* Global
==========*/

* {
   margin: 0;
   padding: 0;
}

h1 { behavior: url(/css/iepngfix.htc); }

img {
   border: 0;
}

/* Layout
==========*/

body {
   font: 12px/1.2em "lucida grande", trebuchet, sans-serif;
   padding: 5px;
}

body#public {
   background: #e3e5df url("graphics/bg-body.gif") repeat-x top center;
   color: #333;
   font-family: "lucida grande", trebuchet, sans-serif;
   text-align: center;
   padding: 0;
}

#wrap {
   background-color: #e3e5df;
   color: #000;
   margin: 0 auto;
   margin-top: 20px;
   padding: 20px;
   text-align: left;
   width: 900px;
}

#cwrap {
   background: transparent url("graphics/bg-cwrap.gif") repeat-y top center;
   
}
         #wrap:after,
         #cwrap:after,
         .csec:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
         #wrap,
         #cwrap,
         .csec { display: inline-block; }
         #wrap,
         #cwrap,
         .csec { display: block; }

div.left {
   background-color: #93c8e6;
   float: left;
   padding-bottom: 20px;
   text-align: center;
   width: 200px;
}
         div.left .csec {
            background-color: #dfecf8;
            border-bottom: 1px solid #09c;
            margin: 0 10px 20px 10px;
            padding: 10px;
            text-align: left;
         }
         .secleft {
            float: left;
            width: 450px;
         }
         .secright {
            float: right;
            width: 180px;
         }         
         .secright img {margin: 0 0 25px;}
div.right {
   float: right;
   width: 690px;
}
         div.right .csec {
            margin: 10px 20px 2em 20px;
         }
         div.right .csec .csec {
            margin-left: 0;
         }

#feat {
   background: #fff;
   height: 170px;
}

#quickmenu ul, #strm_quickmenu ul, #citizens_quickmenu ul, #citizens2_quickmenu ul, #recycling_quickmenu ul {
   background-color: #93c8e6;
   height: 150px;
   margin: 0;
}
         #quickmenu ul li, #strm_quickmenu ul li, #citizens_quickmenu ul li, #citizens2_quickmenu ul li, #recycling_quickmenu ul li {
            float: left;
            list-style-type: none;
            margin: 10px;
            _margin: 10px 8px 0 7px;
         }
         #quickmenu ul li a, #strm_quickmenu ul li a, #citizens_quickmenu ul li a, #citizens2_quickmenu ul li a, #recycling_quickmenu ul li a {
            display: block;
            height: 130px;
            overflow: hidden;
            text-indent: -100000px;
            width: 210px;
         }

      
                  #quickmenu ul li.item1 a {
                     background: url("graphics/btn-epay.jpg") no-repeat 0 0;
                  }
                  #quickmenu ul li.item2 a {
                     background: url("graphics/btn-recycling.jpg") no-repeat 0 0;
                  }
                  #quickmenu ul li.item3 a {
                     background: url("graphics/btn-wtcdir.jpg") no-repeat 0 0;
                  }

                  #strm_quickmenu ul li.item1 a {
                     background: url("graphics/SWM-btn-citizens.jpg") no-repeat 0 0;
                  }
                  #strm_quickmenu ul li.item2 a {
                     background: url("graphics/SWM-btn-condev.jpg") no-repeat 0 0;
                  }
                  #strm_quickmenu ul li.item3 a {
                     background: url("graphics/SWM-btn-edu.jpg") no-repeat 0 0;
                  }

     	   #citizens_quickmenu ul li.item1 a {
                     background: url("graphics/stormwater.jpg") no-repeat 0 0;
                  }
                  #citizens_quickmenu ul li.item2 a {
                     background: url("graphics/rainbarrels.jpg") no-repeat 0 0;
                  }
                  #citizens_quickmenu ul li.item3 a {
                     background: url("graphics/raingardens.jpg") no-repeat 0 0;
                  }
#citizens2_quickmenu ul li.item1 a {
                     background: url("graphics/illegalconnections.jpg") no-repeat 0 0;
                  }
#citizens2_quickmenu ul li.item2 a {
                     background: url("graphics/stormsewer.jpg") no-repeat 0 0;
                  }
#citizens2_quickmenu ul li.item3 a {
                     background: url("graphics/servicecharge.jpg") no-repeat 0 0;
                  }

                  #recycling_quickmenu ul li.item1 a {
                     background: url("graphics/btn_blue.jpg") no-repeat 0 0;
                  }
                  #recycling_quickmenu ul li.item2 a {
                     background: url("graphics/btn_hazardous.jpg") no-repeat 0 0;
                  }
                  #recycling_quickmenu ul li.item3 a {
                     background: url("graphics/btn-recycling.jpg") no-repeat 0 0;
                  }
#quickmenu ul li a:hover, #strm_quickmenu ul li a:hover, #citizens_quickmenu ul li a:hover, #citizens2_quickmenu ul li a:hover, #recycling_quickmenu ul li a:hover{
            background-position: 0 -130px;
         }

ul#otherq {
   border-top: 1px solid #09c;
   clear: both;
   margin: 0;
   width: 100%;
}
         ul#otherq li {
            background: url("graphics/config/ico-bullet-go.png") no-repeat center left;
            list-style: none;
            margin: 1em 0;
            padding-left: 25px;
         }
         ul#otherq a {
            color: #009ace;
            font-size: 122%;
         }

         ul#video li {
            background: url("graphics/config/ico-video.png") no-repeat center left;
            list-style: none;
            margin: 1em 0;
            padding-left: 35px;
            height: 25px;
         }
         ul#video a {
            font-size: 122%;
         }

div.secsearch {
   background: #93c8e6;
   padding: 10px;
   width: 100%;
}

#footer {
   border-top: 2px solid #d7d9d3;
   color: #666;
   font-size: 85%;
   margin: 0 auto;
   margin-bottom: 2em;
   padding: .5em 0;
   text-align: left;
   width: 900px;
   
}
         #footer p {
            margin-bottom: .2em;
         }

/* Typography
==========*/

/* BEGIN FONT NORMALIZATION

Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/* END FONT NORMALIZATION */

p {
   font-size: 100%;
   line-height: 1.2em;
   margin-bottom: 1em;
}
         p#dtime {
            color: #fff;
            margin: 1.5em 10px 2em 10px;
            _margin-top: .5em;
         }
         p#credit {
            float: right;
            margin-top: -.1em;
         }
         p.sideaddress {
            color: #fff;
            margin: 10px;
            margin-bottom: 3em;
         }

div.left h1 {
   margin: 0 auto;
}
         div.left h1 a {
            background: transparent url("graphics/h1logo.gif") no-repeat center top;
            display: block;
            height: 157px;
            overflow: hidden;
            position: relative;
            top: -40px;
            text-indent: -100000px;
            width: 100%;
            z-index: 1;
         }

h2 {
   display: block;
   font-size: 107%;
   font-weight: 300;
   text-transform: capitalize;
}
         .left h2 {
            background: url("graphics/bg-h2side.gif") no-repeat left top;
            color: #fff;
            margin: 0 10px .5em 10px;
            padding: .2em 0;
            text-align: center;
         }
         .right h1,
         .right h2,
         .FAQQuest a,
         h1.gendocsPageTitle,
         .heading2,
         .heading3 {
            background-color: transparent;
            border-bottom: 1px solid #09c;
            color: #09c;
            display: block;
            font-size: 122%;
            font-weight: 700;
            letter-spacing: -1px;
            margin: 0 0 1em 0;
            padding: .2em 0;
         }
         h2#welcome {
            background: #e3e5df url("graphics/welcome.gif") no-repeat left top;
            border: none;
            height: 25px;
            margin: 0;
            padding: 0;
            line-height: .8em;
            overflow: hidden;
            text-indent: -100000px;
         }

h3 {
   font-size: 122%;
   margin: 0;
   padding: 0;
   text-transform: capitalize;
}

div.left h4 {
   margin: 0 auto;
}
         div.left h4 a {
            background: transparent url("graphics/smlogo.gif") no-repeat center top;
            display: block;
            height: 157px;
            overflow: hidden;
            position: relative;
            top: -40px;
            text-indent: -100000px;
            width: 100%;
            z-index: 1;
         }

.error {
   color: #c00;
}

/* Navigation
==========*/

a:link,
a:visited { color: #617d28; }

a:hover,
a:active { color: #617d28; }

/* Root = Horizontal, Secondary = Vertical */
#nav ul {
   margin: 0 auto;
   border: 0 none;
   width: 63.5em; /*For KHTML*/
   list-style: none;
   height: 48px;
   z-index: 1000000000;
   *position: relative;
}

#nav ul li {
   border: 0 none;
   float: left; /*For Gecko*/
   display: inline;
   list-style: none;
   margin: 0;
   position: relative;
   height: 48px;
}

#nav ul ul {
   border: 0 none;
   width: 190px;
   list-style: none;
   display: none;
   position: absolute;
   top: 47px;
   left: 0;
}

#nav ul ul:after /*From IE 7 lack of compliance*/{
   clear: both;
   display: block;
   font: 1px/0px serif;
   content: ".";
   height: 0;
   visibility: hidden;
}

#nav ul ul li {
   border-left: 1px solid #222;
   border-right: 2px solid #444;
   border-bottom: 1px solid #444;
   width: 190px;
   float: left; /*For IE 7 lack of compliance*/
   display: block !important;
   display: inline; /*For IE*/
   height: 28px;
}

/* Root Menu */
#nav ul a {
   border-left: 1px solid #222;
   padding: 16px 15px;
   float: none !important; /*For Opera*/
   float: left; /*For IE*/
   display: block;
   color: #fff;
   text-align: left;
   text-decoration: none;
   height: auto !important;
   height: 1%; /*For IE*/
   line-height: 1.23em;
}
#nav ul li a.last {
   border-right: 1px solid #222;
}
         #nav ul ul a {
            border: 0 none;
         }
         #nav ul ul a.last {
            border-right: none;
         }

/* Root Menu Hover Persistence */
#nav ul a:hover,
#nav ul li:hover a,
#nav ul li.iehover a,
#nav ul a#current {
   background-color: #5e605f;
   color: #fff;
   text-decoration: none;
}

/* 2nd Menu */
#nav ul li:hover li a,
#nav ul li.iehover li a {
   background-color: #5e605f;
   float: none;
   color: #fff;
   padding: 6px;
   text-decoration: none;
}

/* 2nd Menu Hover Persistence */
#nav ul li:hover li a:hover,
#nav ul li:hover li:hover a,
#nav ul li.iehover li a:hover,
#nav ul li.iehover li.iehover a {
   background-color: #fffbda;
   color: #333;
   text-decoration: underline;
}

/* 3rd Menu */
#nav ul li:hover li:hover li a,
#nav ul li.iehover li.iehover li a {
   color: #666;
}

/* 3rd Menu Hover Persistence */
#nav ul li:hover li:hover li a:hover,
#nav ul li:hover li:hover li:hover a,
#nav ul li.iehover li.iehover li a:hover,
#nav ul li.iehover li.iehover li.iehover a {
   color: #fff;
}

#nav ul ul ul,
#nav ul ul ul ul {
   display: none;
   position: absolute;
   top: 0;
   left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
#nav ul li:hover ul ul,
#nav ul li:hover ul ul ul,
#nav ul li.iehover ul ul,
#nav ul li.iehover ul ul ul {
   display: none;
}

#nav ul li:hover ul,
#nav ul ul li:hover ul,
#nav ul ul ul li:hover ul,
#nav ul li.iehover ul,
#nav ul ul li.iehover ul,
#nav ul ul ul li.iehover ul {
   display: block;
}

div#sidemenu ul {
   margin: 0 10px 0 10px;
}

div#sidemenu ul li {
   background: url("graphics/bg-h2side.gif") no-repeat left top;
   color: #fff;
   list-style: none;
   margin: 0 0 30px 0;
   text-align: left;
   font-size: 16px;
}

         div#sidemenu ul li a {
            color: #fff;
            display: block;
            padding: .6em .8em;
            text-decoration: none;
            letter-spacing: -1px;
         }

div#sidemenu ul ul {
   background-color: #93c8e6;
   margin: 0;
   padding: 0;
   letter-spacing: -.5px;
   font-size: 12px;
}
         div#sidemenu ul ul li {
            margin: 0;
            font-size: 12px;
            letter-spacing: -.5px;
         }
         div#sidemenu ul ul li a {
            background: #daecf9;
            border-bottom: 1px solid #fff;
            color: #000;
            padding: .8em 1.2em;
            _height: 1%;
            font-size: 12px;
            letter-spacing: -.5px;
         }
         div#sidemenu ul ul ul li a {
            padding-left: 2.5em;
            background: #daecf9 url("graphics/arrow.gif") no-repeat 16px 50%;
            color: #333;
         }
         div#sidemenu ul ul ul li a:hover {
            background: #fff url("graphics/arrow.gif") no-repeat 17px 50%;
         }

         div#sidemenu ul ul li a:hover {
            background: #fff;
            color: #333;
         }

div#yellow-sidemenu ul {
   margin: 0 10px 0 10px;
}

div#yellow-sidemenu ul li {
   background: url("graphics/bg-h2side.gif") no-repeat left top;
   color: #fff;
   list-style: none;
   margin: 0 0 30px 0;
   text-align: center;
}

         div#yellow-sidemenu ul li a {
            color: #fff;
            display: block;
            padding: .2em 0;
            text-decoration: none;
         }

div#yellow-sidemenu ul li {
   background: url("graphics/bg-h2side-yellow.gif") no-repeat left top;
   color: #fff;
   list-style: none;
   margin: 0 0 30px 0;
   text-align: center;
}
         div#yellow-sidemenu ul ul li {
            margin: 0;
         }
         div#yellow-sidemenu ul ul li a {
            background: #daecf9;
            border-bottom: 1px solid #fff;
            color: #000;
            padding: .3em 0;
            _height: 1%;
         }
         div#yellow-sidemenu ul ul li a:hover {
            background: #fff;
            color: #333;
         }

#footer a {
   color: #09c;
}

a.archivelink {
   display: block;
   float: right;
}

span.usrtool {
   float: right;
   margin-bottom: -1.2em;
}

span.usrtool a {
   display: block;
   height: 16px;
   overflow: hidden;
   text-indent: -100000px;
   width: 16px;
}

span.printpage {
   background: url("graphics/config/ico-printer.png") no-repeat;
   margin-right: 10px;
}

span.sendpage {
   background: url("graphics/config/ico-email-attach.png") no-repeat;
}

a.link {
   color: #222;
   font-size: 85%;
   margin: 0 auto;
   text-decoration: none;
}

.button {
   background: #ffe url("graphics/bg-button.gif") repeat-x center center;
   border: 1px solid #fc6;
   padding: 5px;
}

/* Lists
==========*/

ul {
   list-style-type: disc;
   margin-left: 2em;
}

ul li {
   margin-bottom: 1.5em;
}

ol {
   margin-left: 2em;
}

ol li {
   margin-bottom: 1.5em;
}

ul.citreports {
   margin:0;
}

ul.citreports li {
            background: url("graphics/config/ico-comments.png") no-repeat 2px 0;
            list-style: none;
            margin: 3px 0;
            padding-left: 25px;
}

ul.dir {
	padding:0.6em 0;
	margin:0.7em 0;
}

ul.dir li {
	float:left;
	height:250px;
   list-style-type: none;
	margin:3px;
	padding:0 0 0 8px;
   position: relative;
	width:200px;
}

* html ul.dir li {
	height:250px;
}

ul.dir li div {
   background: #f5f5f5;
   border-bottom: 1px solid #ccc;
   min-height: 200px;
   _height: 190px;
   padding: 19px;
   text-align: center;
}
         ul.dir p {
            margin: 0;
         }
         ul.dir p.title {
            color: #666;
            font-size: 92%;
         }

ul.dir li div.infopop {
   background: url("graphics/bg-infopop.png") no-repeat left bottom;
   border: 0 none;
   height: 115px;
   left: 5px;
   padding: 0;
   position: absolute;
   top: -110px;
   width: 225px;
}

div.right .csec div.infopop td img {
   margin: 0;
}

ul.gallery {
	padding:0.6em 0;
	margin:0.7em 0;
}

ul.gallery li {
	float:left;
	height:85px;
   list-style-type: none;
	margin:3px;
	padding:0 0 0 8px;
   position: relative;
	width:200px;
}

dl {
   width: 50%;
   margin: 0 auto;
}
         dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
         dl { display: inline-block; }
         dl { display: block; }

dt {
   clear: left;
   float: left;
   margin-right: 2em;
}

dd {
   clear: right;
   float: right;
}

/* Tables
==========*/


/* Forms
==========*/

.searchBoxTable {
   margin: 0 auto;
   margin-bottom: 30px;
   width: 180px;
   text-align: center;
}
.searchBox {
   vertical-align: middle;
}
.searchBoxText {
   height: 0px;
}
.searchBoxInput {
   padding: 1px;
   vertical-align: middle;
}

.enewsBoxSubmit {
   padding-top: 3px;
}


/* Lightbox
==========*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(graphics/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(graphics/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(graphics/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}


/* Freedom Specific Styles ======================================*/
.eventHeadlineTitle {
font-size: 122%;
font-weight: bold;
}

td.eventHeadlineTD,
td.eventDetail,
td.newsListHeadlineTD,
td.eventDateHeader {
   font-size: 122%;
   padding-bottom: 6px;
}
td.eventHeadlineTD,
td.eventDetail,
td.eventDateHeader {
   padding-left: 20px;
}
td.eventHeadlineTD,
td.eventDateHeader {
   background: url("graphics/config/ico-calendar.png") no-repeat 0 3px;
}

.newsBullet {
   padding: 2px 8px 0 0;
}

.newsListPublishline {
   font-size: 77%;
}

td.eventDetail {
   font-size: 92%;
}

form td {
   padding-bottom: 10px;
}

div.right .csec td img {
   */margin: 10px;*/
}

div.right .csec td {
   padding: 5px;
}

div.right .searchBoxTable {
   text-align: left;
   width: 100%;
}

div.right .searchBoxTable td {
   padding: 10px;
}

.searchModule {
   padding-bottom: 10px;
}

.photoAlbumBody {
   clear: both;
}

.sendpageBody form td {
	margin: 0;
	padding: 0;
}

#IDFormField_Comments_0 {
    width: 500px;
}

.newsPublished {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.newsHeadline {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}

#stormwrap {
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
        float: left;
	width: 650px;
}
#stormbox1 {
	display: inline;
	float: left;
        margin-right: 25px;
	width: 200px;
}
#stormbox2 {
	display: inline;
	float: left;
        margin-right: 30px;
	width: 200px;
}
#stormbox3 {
	display: inline;
	float: left;
	width: 190px;
}

#citizenswrap {
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
        float: left;
	width: 650px;
}
#citizensbox1 {
	display: inline;
	float: left;
        margin-right: 25px;
	width: 200px;
}
#citizensbox2 {
	display: inline;
	float: left;
        margin-right: 30px;
	width: 200px;
}
#citzensbox3 {
	display: inline;
	float: left;
	width: 190px;
}
#contentRight {
        width: 294px;
        float: right;
}
#contentLeft {
        width: 294px;
        float: left;
}
.tooltip {
	display:none;
	background: #333;
	font-size:12px;
	width:500px;
	padding:15px;
	color:#fff;
        margin-top: 250px;
        text-align: left;
}

.infodetails img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background: rgb(25,25,25);
	background: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }

.greencity {margin: -20px 0 20px 0; display: block;}