/* = ============================================================================= =
   = Popup Info Mod by: Shawn Padgett  http://www.phpmotionwiz.com                  =
   = ============================================================================= = */

/* == Popup-Info == */
.popup-info span {
    text-align: left; width: 340px; height: 275px; margin: -70px 0px 0px -999em; display: block; position: absolute; padding: 2px; font-weight: normal;
}

.popup-info:hover { text-decoration: none; }

.popup-info:hover span { margin-left: 163px; z-index: 99; }

.popup-info span:hover { margin-left: -999em; }

.popup-info_title {
    font-size: 14px; font-weight: bold; margin: 17px 0 0 5px; float: left;
}

.popup-info_rating {
    font-size: 10px; float: right; margin: 33px 20px 0 0;
}

.popup-info_description {
    width: 280px; font-size: 11px; float: left; clear: both; margin: 20px 0 0 45px;
}

.popup-info_tmb {
    padding: 2px; float: left; clear: both; margin: 13px 0px 0px 38px; border: 1px solid #d1d1d1; background: #fff;
}
.popup-info_tmb img { width: 93px; height: 70px; }

.popup-info_stats {
    width: 180px; float: left; margin: 2px 0 0 8px; font-size: 10px;
}

.popup-info_tags {
    width: 280px; height: 12px; float: left; clear: right; overflow: hidden; margin: 10px 0px 0px 50px;
}


/* == Popup-Info Flipped == */
.popup-info_flipped span {
    text-align: left; width: 350px; height: 300px; margin: -70px 1px 0px -999em; display: block; position: absolute; padding: 2px; font-weight: normal;
}
.popup-info_flipped:hover span { margin-left: -340px; z-index: 99; }

.popup-info_flipped span:hover { margin-left: -999em; }

.popup-info_flipped_title {
    font-size: 14px; font-weight: bold; margin: 17px 0 0 5px; float: left; width: 220px;
}

.popup-info_flipped_rating {
    font-size: 10px; float: right; margin: 33px 57px 0 0;
}

.popup-info_flipped_description {
    width: 280px; font-size: 11px; float: left; clear: both; margin: 20px 0 0 15px;
}

.popup-info_flipped_tmb {
    padding: 2px; float: left; clear: both; margin: 14px 0px 0px 15px; border: 1px solid #d1d1d1; background: #fff;
}

.popup-info_flipped_tmb img {
	width: 93px; height: 70px;
}


/* == Popup-Info Images == */
.popup-info_viewbutton a {
    width: 164px; height: 24px; display: block; background: transparent url(../images/popup-info_blue/view-button.png) no-repeat;
}

.popup-info_viewbutton a:hover { background-position: 0px -24px; }

/* == Popup-Info Gallery == */
.popup-info_gallery span {
    color: #222; width: 350px; height: 300px; text-align: left; margin: -50px 0px 0px -999em; display: block; position: absolute;
    background: transparent url(../images/popup-info_blue/popup-info.png) no-repeat; padding: 2px; font-weight: normal;
}

.popup-info_gallery:hover span { margin-left: 163px; z-index: 99; }

.popup-info_gallery span:hover { margin-left: -999em; }







/**/