/*
	CSS Document for Bartlesville Radio
	Sub pages
	Developed by PDG+creative 
	Started 11-1-10

*/

	#main {
		font-size: .8em;
		line-height: 140%;
		}

		#main h2, #main h3, #main h4 {
			clear: both;
			}

		#main h2 {
			line-height: 120%;
			font-weight: bold;
			text-transform:uppercase;
			font-size: 1.5em;
			margin-bottom: 10px;
			background: url(../../images/line_horizontal.jpg) repeat-x bottom left;			
			}

		#main img {
			border: 1px solid #ccc; 
			-moz-box-shadow: 0px 0px 3px #ccc;
			-webkit-box-shadow: 0px 0px 3px #ccc;
			box-shadow: 0px 0px 5px #ccc;
			}


		#main .ads {
			margin: 10px;
			}
	
	.news{
		margin-bottom: 10px;
		padding-bottom: 10px;
		background: url(../../images/line_horizontal.jpg) repeat-x bottom;			
		}

		.news p, .search-results p {
			margin-bottom: 2px;
			}
	
		.news_small {
			font-size: 9px; 
			display: block; 
			line-height: 130%;
			font-style: italic;		
			}
		.news_story{
			line-height: 25px;
		}
		.news_source{
			font-style: italic;
		}
	
	/* basic tables */
	table {
		border-collapse: collapse;
		padding: 2px;
		margin-bottom: 20px;
		}

	table tr td {
		padding: 5px 10px;
		}

	/* form tables: math CAPTCHA */
	#content .math td {
		color: #000;
		font-size: 15px;
	}
		#content .math img {
			margin: 0px;
		}

	/* Sports tables */	
	table.scores {
		float: left;
		display: inline;
		margin-right: 10px;
		margin-bottom: 15px;
		border: 1px solid #ccc;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #E7E7E7;
		}

	table.scores tbody tr.even td {
		background: #E7E7E7;
		}

		table.scores tr {
			height: 10px;
			}
		
		table.scores td {
			padding: 3px 10px;
			font-style: italic;
			color: black;
			}

	table.schedules {
		width: 100%;
		}	

	table.schedules tbody tr.even td {
		background: #E7E7E7;
		}

		table.schedules tr td:nth-child(1) {
			width: 30%;
			}

		table.schedules tr td:nth-child(2) {
			width: 45%;
			}

		table.schedules tr td:nth-child(3) {
			width: 20%;
			}

		table.schedules tr td:nth-child(4) {
			width: 5%;
			}

		table.schedules tr td {
			padding: 5px 10px;
			}

		table.schedules tr.even {
			background: #E7E7E7;
			}

		table.schedules thead tr, table.schedules thead tr.even {
			font-weight: bold;
			background: none;
			}


		table.schedules thead td {
			padding-left: 0px;
			}

	/* Staff table */	
	#staff tr td {
		padding-bottom: 20px;
		}
		
		#staff tbody tr.even td {
			}

	#staff img {
		width: 120px;
		height: auto;
		margin-right: 20px;
		}
	
	/* Tower space for rent table */	
	#tower_rent thead tr td {
		font-weight: bold;
		font-style: italic;
		padding-left: 0px;
		}	
	
	#tower_rent tr td {
		padding: 7px;
		}

	
		table#tower_rent tr td:nth-child(1) {
			width: 25%;
			}

		table#tower_rent tr td:nth-child(3) {
			width: 10%;
			}


	.preloader {  
		background:url(../../images/preloader.gif) center center no-repeat #ffffff;  
		display:inline-block;  
	}  	
	
	#sub #main #gallery ul {
		margin-left: 0px;
		}		
	#view_recurring_events {
		float: right;
		display: inline;
		text-align: right; 
		text-decoration: none;
		padding: 5px 10px; 
		background: #1944A3; 
		color: white;
		margin: 0px 0px 10px 0px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}
	#drop {
		cursor: pointer;
		}		
	#galleries{
		padding-left: 10px;
		list-style-type: none;
		padding-bottom: 10px;
		}
		
		#galleries .cboxElement 	
		.error {
			background: red;
			padding: 5px; 
			color: white;	
			}

	#gallery_share_bar {
		position: absolute;
		z-index: 1000;
		top: 0;
		right: 0;
		background: white;
		padding: 0 5px;
		opacity: .7;
		}
		
		
		
	#popup_grab	{
		clear: both;
		margin-bottom: 10px;
		}
	
	#gallery_images_large {
		width: 636px;
		}

	#get_photo_share_bar {
		margin: 10px 0 0 0;
		clear: both;
		width: 100%;
		height: 30px;
		overflow: hidden;
		}		

	#cboxLoadedContent #get_photo_share_bar iframe, #get_photo_share_bar iframe {
		float: left;
		display: inline;
		width: 90px;
		height: auto;
		}
		
	#cboxLoadedContent #get_photo_share_bar #facebook_share, #get_photo_share_bar #facebook_share	{
		width: auto;
		}

	#get_photo_share_bar a {
		float: left;
		display: inline;
		margin-right: 14px;
		}	
	
							
/*
	.twitter-share-button {
		position: relative;
		top: 3px;
		}	

	#get_photo_share_bar a img {
		border: none;
		box-shadow: none;
		position: relative;
		top: 2px;
		left: -15px;
		}	
*/

.search-image {
	float: right;
	width: 150px;
	margin: 0px 20px;
}

/* ATTRIBUTES FOR THE CONTAINER (THIS HOW WE CENTER EVERYTHING)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination                       { clear: both; width: 100%; overflow: hidden; margin: 20px 0; }
.Zebra_Pagination ul                    { position: relative; left: 50%; list-style-type: none; margin: 0; padding: 0; float: left }
.Zebra_Pagination li                    { position: relative; float: left; right: 50% }

/* COMMON ATTRIBUTES FOR ALL THE LINKS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination a                     { padding: 4px; border: 1px solid #AAA; color: #333; text-decoration: none; margin: 0 2px; display: block; float: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px }
.Zebra_Pagination a:hover               { background-color: #DEDEDE; color: #222 }

/* "NEXT PAGE" AND "PREVIOUS PAGE" LINKS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination a.navigation          { border: 1px solid transparent; overflow: hidden; background-repeat: no-repeat }
.Zebra_Pagination a.previous            { background-image: url(larrow.png); background-position: left center; padding-left: 25px }
.Zebra_Pagination a.next                { background-image: url(rarrow.png); background-position: right center; padding-right: 25px }
.Zebra_Pagination a.disabled            { filter: alpha(opacity=20); -khtml-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2 }
.Zebra_Pagination a.disabled:hover      { background-color: inherit; color: inherit }

/* hack for transparent borders in IE6 */
*html .Zebra_Pagination a.navigation    { border-color: #000001; filter: chroma(color=#000001) }

/* CURRENT PAGE
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination a.current,
.Zebra_Pagination a.current:hover       { background: #0094D6; border-color: #0094D6; color: #FFF }

/* THE "..." SEPARATOR
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination span                  { color: #666; margin-right: 2px; display: block; float: left; padding: 8px 4px }