/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#myGallery {visibility: hidden;overflow:hidden;}
#myGallery a {text-decoration: none;}

#loadit {height: 327px;width: 658px;margin: 6px 0 0 4px;background: url(/images/homepage/rotator/image/loader.gif) center center no-repeat #52617C;}

/* LOADING BOX */
/* .loader { background: url(img/loader.gif) center center no-repeat #ddd;}*/

/* GALLERY PANELS */
.panel {position:absolute;top:0;left:0;}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 20px; padding: 0 1em; line-height:20px;}

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}

/****** New Styles *********/
.page_tab .frame_title {text-align: center;margin: 17px 0 0 0;font-family: Arial;font-size: 16px;color: #000;font-weight:normal;line-height:normal;padding:0;}
.page_tab .frame_title a:link {color: #000;text-decoration:none;font-weight:bold;}
.page_tab .frame_title a:visited {color: #000;text-decoration:none;font-weight:bold;}
.page_tab .frame_title a:hover {color: #000;}
#myGallery .popup {color: #b33420;}
#myGallery .popup a:link {color: #b33420;}
#myGallery .popup a:visited {color: #b33420;}
#myGallery .popup a:hover {color: #b33420;}

.page_tab .frame_caption {font-family: Verdana,Arial;font-size: 11px;margin: 0 12px 0 12px;color: #3a3a3a;letter-spacing: -0.03em;line-height: 120%;display:none;}

/* There is 7px margin on left and right ends of tabs. Tabs are absolute positioned. 
There is drop shadow around tabs. Slight overlap in tab images */
#tab1 {position:absolute;top:285px;left: 2px;float: left;width:166px;height:106px;
/* need this to make ie browsers load .gif version with no drop shadow */
background: url(/images/homepage/rotator/image/tab2.png) no-repeat;
opacity: .5;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;
}

#tab2 {position:absolute;top:285px;left:165px;float: left;width:166px;height:106px;
background: url(/images/homepage/rotator/image/tab2.png) no-repeat;
opacity: .5;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;
}

#tab3 {position:absolute;top:285px;left:328px;float: left;width:166px;height:106px;
background: url(/images/homepage/rotator/image/tab2.png) no-repeat;
opacity: .5;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;
}

#tab4 {position:absolute;top:285px;left:491px;float: left;width:166px;height:106px;
background: url(/images/homepage/rotator/image/tab2.png) no-repeat;
opacity: .5;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;
}

.page_tab:hover {cursor: pointer;}

#tab_line {position:absolute;top:321px;left:0;width:658px;height:7px;background: url(/images/homepage/rotator/image/bottom-shadow.png);}