/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


/* trigger button */
#download_now {
        background:transparent url(http://kapitolreef.com/images/calendar.png) no-repeat scroll 0 0;
        display:block;
        height:84px;
        margin-bottom:3px;
        overflow:hidden;
        text-indent:-999em;
        width:80px;
        cursor:pointer;
}

/* mouseover state */
#download_now1:hover {
        background-position:0 -44px ;
}

/* clicked state */
#download_now1:focus {
        background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
        display:none;
        background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
        height:163px;
        padding:40px 30px 10px 30px;
        width:310px;
        font-size:11px;
        color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
        color:yellow;
        width:35px;
}

.tooltip a {
        color:#ad4;
        font-size:11px;        font-weight:bold;
}
.tt_table {
        color:#ffffff;
        font-size:11px;
        font-weight:bold;
}
/* a .label element inside tooltip */
.tt_table .p_title{
	color:yellow;
	font-size:14px;
	font-weight: bold;
}
.tt_table .p_content{
	color:#ffffff;
	font-size: 11px;
}

.tt_table a {
	color:yellow;
	font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}


img { border: 0; }

