/* ------------------ CSS for Lists within Gliders --------------- */

.glider_list_content {
	height: 75px;
	width: 668px;
	border: 1px solid #33CCFF;
	background: #FFFFFF;	
	padding: 10px 5px;
	margin-bottom: 5px;
	overflow: hidden;
}

.glider_list_content:hover {
	border: 1px solid #007399;
	background-color: #F0FBFF;
}

.glider_list_content h4 {
	font: 90% 'lucida grande', tahoma, verdana, arial, sans-serif;
	color: #cb2417;
	text-transform: uppercase;
	margin: 0px;
}

.glider_list_content_thumbnail {
	float: left; 
	width: 80px;
	height: auto;
	margin-right: 20px;
	text-align: center;

}

.glider_list_content_thumbnail img {
	width:		auto;
	height: 	auto;
	max-width:	80px;
	width:expression(document.body.clientWidth > 79? "80px": "auto" );
	max-height: 75px;
	border: 1px solid #007399;

}
	


/* ------------ Glider Control for Implementations on all pages ------------ */
/* ------------- OLL, Gear, WWML, Recipes, Profile ------------------------- */

.main_glider_tab_controls {
	width: 715px;
	height: 24px;
	background: #4ab4d8 url(/oldlutheran/images/bgOFF.gif) repeat-x;
	color: #ffffff;
	padding: 0;
	border-bottom:4px solid #007399;
	display:block;
	text-transform:uppercase;
	font-size:12px;
	font-weight: bold;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;

}

.main_glider_tab_controls a {
	height: 24px;
	float: left;
	display: block;
	padding:4px 15px 0px 15px;
	color:#f2f2f2;
	text-decoration: none;
}

.main_glider_tab_controls a:link {color: #ffffff; height: 20px;}
.main_glider_tab_controls a:visited {color: #ffffff; height: 20px;}
.main_glider_tab_controls a:active {color: #ffffff; height: 20px;}
.main_glider_tab_controls a:hover {
	background:transparent url(/oldlutheran/images/bgHOVER.gif) no-repeat top right;
	color: #ffffff;
	height: 20px;
	}

	
div#my-glider-horizontal div.scroller3 { 
	/* modify width and height of scrolling section if necessary	*/		
		width: 713px; 
		height: auto;
		overflow: hidden;
		border:1px solid #007399;
		background:#99e6ff url(/oldlutheran/images/blue_stripe.png) repeat; 
		margin-bottom: 20px;
	}
	div#my-glider-horizontal div.scroller3 div.sectionb {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:713px;
		height:auto;
		overflow:hidden;
		float:left;
		padding:1em;				
		}
	div#my-glider-horizontal div.scroller3 div.content3 {
		width: 10000px;
		}
	div#my-glider-horizontal div#sectionb {
		background: #e5f9ff;
		color:#000;
		}

.active {
	background: #007399 url(/oldlutheran/images/bgHOVER.gif) no-repeat top right;
	color: #fff;
	height: 20px;

	}

#olotw {
	float: left;
	margin: 0;
	width: 680px;
	margin-bottom: 30px;
}

.glider_oll {
	height: auto;
	width: 673px;
	border: 1px solid #66D9FF;
	background: #F0FBFF;	
	padding: 7px 5px 5px 5px;
	margin-bottom: 5px;

}

.glider_oll:hover {
	background-color: #CCF2FF;
	}
	           
        
/* ------------ Glider Control for Glider-in-Glider ------------ */

.results_controls {
	width: 681px;
	height: 24px;
	background: #4ab4d8 url(/oldlutheran/images/bgOFF.gif) repeat-x;
	color: #ffffff;
	padding: 0;
	border-bottom:4px solid #007399;
	display:block;
	text-transform:uppercase;
	font-size:12px;
	font-weight: bold;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	margin-top: 20px;

}

.results_controls a {
	height: 24px;
	float: left;
	display: block;
	padding:4px 10px 0px 10px;
	color:#f2f2f2;
	text-decoration: none;

}

.results_controls a:link {color: #ffffff; height: 24px;}
.results_controls a:visited {color: #ffffff; height: 24px;}
.results_controls a:hover {
	background:transparent url(/oldlutheran/images/bgHOVER.gif) no-repeat top right;
	color: #ffffff;
	height: 24px;
	}
.results_controls a:active {color: #ffffff; height: 24px;}

div#my-glider-vertical div.scrollerv { 
        /* modify width and height of scrolling section if necessary    */              
        width: 690px; 
        height: 505px;
        overflow: hidden;
        }
        div#my-glider-vertical div.scrollerv div.sectionv {
                /* modify width and height of each section as needed (should match the size of the scroller window)     */              
                width:690px;
                height:505px;
                overflow:hidden;
                /*float:left;*/
                }
        div#my-glider-vertical div.scrollerv div.content4 {
                width: 10000px;
                }
        div#my-glider-vertical div#sectionv {
                background:#666666;
                color:#ffffff;
                }

.activev {
        background: #007399 url(/oldlutheran/images/bgHOVER.gif) no-repeat top right;
        color: #fff;
        height: 24px;
        }            

.unapprovedmsg {
	background-color: #E6FF99;
}
	
.unapprovedmsg:hover {
	background-color: #CCFF33
}

.approvedmsg {
	background-color: #F0FBFF;
}
	
.approvedmsg:hover {
	background-color: #CCCAFF;
}

.rejectedmsg {
	background-color: #FFB3C6;
}
	
.rejectedmsg:hover {
	background-color: #FF668C
}