img {
padding: 5px;
}

.vet {
border-style: ridge;
border-color: antiquewhite;
margin: 5px;
}

.item   { 
  -moz-border-radius: 15px;
  border-radius: 15px;  
  margin: 3pt; 
  background: #d0d0d0; 
  clear:left; }

.attention { 
margin: 3pt 10% 0pt 10%; 
background: #ff0000;
clear:left
}
.note { 
background: #dddddd;
}
.ghci { 
background: #eeeeee;
clear:left
}
.ghci-output { 
background: #eeeeee;
clear:left
}
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

.quotation 
{
margin: 3pt 10% 0pt 10%; 
font-size: .8em;
}

.section {  clear:both; }

.inline
{ clear: none; float:left; }

.left
{ clear: none; float:left; }

.right
{ clear: none; float:right; }

.slideCaption
{ clear: none; float: left; width: 30em; vertical-align:text-top; }


.recommend
{ 
background: #e0e0e0;
margin: 3pt 1em 0pt 1em; 
}

.navcontainer
{
margin: 20px 140px 10px 3em;
background: #f0f0f0;
}

ul.hlist { 
padding: 0 10px 0 0;
}

.hlist li
{
display: inline;
padding-bottom: 14px;
padding-left: 20px;
background-repeat: no-repeat;
}

.hlist a
{
padding-left: 20px;
padding-bottom: 14px;
font-weight: bold;
text-decoration: none;
}

.hlist a:link, .hlist a:visited
{
padding-left: 20px;
color: blue;
background: url(/static/images/arrowbullet.png);
background-position: 0 -28px;
background-repeat: no-repeat;}

.hlist a:hover
{
color: red;
padding-left: 20px;
background: url(/static/images/arrowbullet.png);
background-repeat: no-repeat;
background-position: 0 -14px;}

ul.vlist { 
list-style-position: inside;
text-indent: -3em;
}

.vlist li
{
display: list-item;
padding-left: 20px;
background-repeat: no-repeat;
}

.vlist a
{
padding-left: 20px;
font-weight: bold;
text-decoration: none;
}

.vlist a:link, .vlist a:visited
{
padding-left: 20px;
color: blue;
background: url(/static/images/arrowbullet.png);
background-position: 0 -28px;
background-repeat: no-repeat;}

.vlist a:hover
{
color: red;
padding-left: 20px;
background: url(/static/images/arrowbullet.png);
background-repeat: no-repeat;
background-position: 0 -14px;}

#footer
{ 
/* clear:both; */
}

@media print { 
  .rtop,.rbottom{display: none;}
}

#Red
{
color: red;
}

.commentReply
{
clear: both;
margin: 0pt 50% 0pt 10px; 
font-size: .7em;
background-color:#ddd;
}


.hlist a:hover
{
color: red;
padding-left: 20px;
background: url(/static/images/arrowbullet.png);
background-repeat: no-repeat;
background-position: 0 -14px;}

#quote
{
clear: both;
font-size: .7em;
width: 400px;
padding: 1px 5px;
background-color:#ddd;
-moz-border-radius: 15px;
border-radius: 15px;  
}

#pageHeader 
{  
        font-size: 3em;
        margin: 0;
        padding: 0 3px;
        text-align: center;
}


#tooltip {
        position: absolute;
        z-index: 3000;
        background-color: #a0a0a0;
        border: 1px solid black;
        color: #0000ff;
        padding: 4px;
        -moz-border-radius-bottomleft: 7px;
        -moz-border-radius-bottomright: 7px;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 7px;
        opacity: .95;
        max-width: 20em;
        font-size: 0.9em;

}
/**
 * Text inside the tooltip.
 */
 
#tooltip h3 {
        font-size: 0.9em;
        margin: 0;
        padding: 0 3px;
        text-align: center !important;
}
#tooltip p {
        font-size: 0.9em;
        margin: 5px 0 0 5px;
        text-align: left;
}

#Adspace { 
margin:2px 2px 2px 2px; padding:5px;
border: 1px solid;  width:120px; height:600px;
float:right; }

.noDisplay { display: none; }

tr.even { background-color: #eeeeee }
tr.odd { background-color: #ffffff }
td.dark1 {background-color: #aaaaaa  }
td.dark2 {background-color: #cccccc  }

td.width-narrow { width:20px; }
td.width-medium { width:50px; }
td.width-long { width:100px; }
td.width-400 { width:400px;  }

.hjtip { color: #59955C }
.hjtip a { color: #59955C }



.pretty-table
{
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #333;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: #000;
  background: #bcd0e4 url("/static/images/art-table-bg.jpg") top left repeat-x;
}

.pretty-table caption
{
  caption-side: bottom;
  font-size: 0.9em;
  font-style: italic;
  text-align: right;
  padding: 0.5em 0;
}

.pretty-table th, .pretty-table td
{
  border: 1px dotted #666;
  padding: 0.5em;
  text-align: left;
  color: #632a39;
}

.pretty-table th[scope=col]
{
  color: #000;
  background-color: #8fadcc;
  text-transform: uppercase;
  font-size: 0.9em;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}

.pretty-table th+th[scope=col]
{
  color: #fff;
  background-color: #7d98b3;
  border-right: 1px dotted #666;
}

.pretty-table th[scope=row]
{
  background-color: #b8cfe5;
  border-right: 2px solid #333;
}

.pretty-table tr.alt th, .pretty-table tr.alt td
{
  color: #2a4763;
}

.pretty-table tr:hover th[scope=row], .pretty-table tr:hover td
{
  background-color: #632a2a;
  color: #fff;
}

#status
{
color: blue;
}

.winter { color: blue; }

#notification
{
color: red;
}

.selling {
font-size: 200%;
background-color: #dddddd;

}

.map1 { width:300; background-color: #ccffcc; }
.map2 { width:300; }

.zoomIcon { 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
	background:url(/static/images/zoomIcon.png);
}
.zoom {
	display:inline-block;
	position:relative;
}


.magnifyarea{ /* CSS to add shadow to magnified image. Optional */
box-shadow: 5px 5px 7px #818181;
-webkit-box-shadow: 5px 5px 7px #818181;
-moz-box-shadow: 5px 5px 7px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
background: white;
}

.note1 {
color: red;
font-size: 200%;
}

.note2 {
margin-left:auto; 
margin-right:auto;
background-color: Bisque;
font-size: 200%;
}

.noWebKit { -webkit-appearance: none;  }

.panorama-viewport 
{ border: 10px solid #414141;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  }

.redBackground {background-color: red;}

.centered	{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}