/*-------------------------------------------------------------------------------------------
	CSS file for WQMR.
	MJP - 08-12-08
---------------------------------------------------------------------------------------------*/	


/*------------------------------------
	Body Instruction
------------------------------------*/	
body {
	background-image:url(/images/bg.jpg);
	background-position: left top;
	background-repeat:repeat-x;
	background-color:#cccccc;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}
	
/*------------------------------------
	All Links 
------------------------------------*/		
	
A:link {
	text-decoration:underline; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
			
A:visited {
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
		
A:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #707070;
}	
			
			
A.footerlinks:link {
	text-decoration:none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e0c71b;
}
			
A.footerlinks:visited {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e0c71b;
}
		
A.footerlinks:hover {
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

A.footer-white:link {
	text-decoration:underline; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
			
A.footer-white:visited {
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
		
A.footer-white:hover {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #e0c71b;
}

A.more-info:link {
	display: block;
	width: 200px;
	padding: 3px;
	background-color: #707070;
	text-decoration:none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #000000;
	margin: 3px 0 3px 0;
}
			
A.more-info:visited {
	display: block;
	width: 200px;
	padding: 3px;
	background-color: #707070;
	text-decoration:none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #000000;
	margin: 3px 0 3px 0;
}
		
A.more-info:hover {
	display: block;
	width: 200px;
	padding: 3px;
	background-color: #e0c71b;
	text-decoration:none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border: 1px solid #000000;
	margin: 3px 0 3px 0;
}


A.top-nav:link {
	text-decoration:none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
			
A.top-nav:visited {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
		
A.top-nav:hover {
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #e0c71b;
}
	
/*------------------------------------
	Text amd content.
------------------------------------*/	

.bot-banner-images {
	border: 1px solid #000000;
	margin: 0 0 0 5px;
}

.right-banner-images {
	border: 1px solid #000000;
	margin: 0 0 25px 0;
}

.top-banner {
	margin: 5px 0 0 140px;
}	

.schedule-images {
	padding: 3px;
	border: 1px solid #707070;
}

label.contact-label {
	float: left;
	margin-right: 10px;
	text-align: right;
	width: 100px;
}

			
			
/*------------------------------------
	Headers
------------------------------------*/	

.footer-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #e0c71b;
}

.schedule-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

div.header-black {
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	font-variant:small-caps;
	color: #000000;
	border-bottom: 5px solid #000000;
}

div.header-white {
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	font-variant:small-caps;
	color: #ffffff;
	border-bottom: 5px solid #000000;
	margin: 0 0 10px 0;
}

div.homepage-title-white {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	font-variant:small-caps;
	color: #ffffff;
	border-bottom: 8px solid #000000;
	margin: 0 0 10px 0;
}

div.homepage-title-black {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-variant:small-caps;
	color: #000000;
	border-bottom: 5px solid #000000;
	margin: 0 0 10px 0;
}

.on-air-large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.on-air-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

	
			
/*------------------------------------
	Form Formatting
------------------------------------*/	


.formbutton {
	background-color: #e0c71b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #000000;
	padding: 3px; 
	border: 1px solid #ffffff;
}

.form-fields {
	border: 1px solid #e0c71b;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin: 0 15px 0 0;
	padding: 3px;
}

			
/*------------------------------------
	Main page div layouts
------------------------------------*/	

div.banner-top { /*top of the banner, first div */
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	text-align:center;
	background-image:url(/images/logo-top-bg.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
}

div.bottom-banners { /*This is holding the banners above the footer */
	width: 960px;
	background-color: #ffffff;
	margin: 0 auto;
	padding: 5px 20px 5px 20px;
	border-left: 1px dashed #000000;
	border-right: 1px dashed #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

div.content-container { /*This is holding all of the main content. Also holds font instruction */
	width: 960px;
	min-height: 320px;
	height: auto !important;
	height: 320px;
	margin: 0 auto;
	background-image: url(/images/content-bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #ffffff;
	padding: 0 20px 0 20px;
	border-left: 1px dashed #000000;
	border-right: 1px dashed #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#flash-header { /*Holding the flash */
	width: 1000px;
	height: 165px;
	position: absolute;
	z-index: 1;
}

div.flash-header { /*Holding the flash */
	width: 1000px;
	height: 165px;
	position: absolute;
	z-index: 1;
}

div.flash-holder { /*This is holding the two divs and z-indexes */
	width: 1000px;
	height: 165px;
	margin: 0 auto;
	display: block;
	border-left: 1px dashed #000000;
	border-right: 1px dashed #000000;
}

div.footer-container { /*This is holding all of the main content */
	width: 960px;
	margin: 0 auto;
	background-color: #000000;
	padding: 5px 20px 5px 20px;
	border-left: 1px dashed #000000;
	border-right: 1px dashed #000000;
	border-bottom: 1px dashed #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #e0c71b;
}

div.nav-holder { /*This holds all of the dropdown_menu css */
	width: 1000px;
	height: 60px;
	margin: 0 auto;

	border-left: 1px dashed #000000;
	border-right: 1px dashed #000000;
}

div.nav-border{
	margin:auto;
	width:960px;
	border:1px solid #000000;
	}

/*------------------------------------
	Div layouts for internal pages
------------------------------------*/	

div.content-left-container { /*This holds all of the left side content */
	width: 750px;
	float: left;
}

div.content-right-container { /*This will hold all of the right side content */
	width: 190px;
	padding: 0 0 0 10px;
	float: right;
	border-left: 1px solid #707070;
}


div.flash-header-nav { /*This is holding the white links on top of the flash */
	margin: 10px 30px 0 740px;
	padding: 5px;
	position: absolute;
	z-index: 2;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}


div.footer-enews { /* Holding the enews div */
	width: 500px;
	float: left;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

div.footer-right { /*Holding the right address info in footer */
	float: right;
	padding: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

div.gray-line {
	width: 100%;
	border-bottom: 1px solid #707070;
	clear: both;
}

div.gray-line-padded {
	width: 100%;
	border-bottom: 1px solid #707070;
	clear: both;
	margin: 0 0 10px 0;
}


/* ____________HOMEPAGE FORMATTING_____________ */

div.home-left { /*This holds the on the air info. */
	width: 345px;
	padding: 0 10px 0 0;
	float: left;
}


div.home-right { /*This holds the power talk and the polls and stuff. */
	width: 355px;
	padding: 0 10px 0 10px;
	border-left: 1px solid #707070;
	float: right;
}

/* ____________HOMEPAGE ON AIR _____________ */

div.on-air-content-holder {
	width: 345px;
	margin: 0 0 20px 0;
}

div.on-air-picture {
	width: 100px;
	float: left;
}

div.on-air-content {
	width: 245px;
	float:right; 
}

div.on-air-holder-small {
	width: 300px;
	float: right;
	border-top: 1px dashed #707070;
	padding: 5px 0 5px 0;
}

div.on-air-picture-small {
	width: 50px;
	float: left;
}

div.on-air-content-small {
	width: 240px;
	float: right;
}


/* ____________POLLS N STUFF_____________ */

div.homepage-bottom {
	width: 355px;
}

div.homepage-polls {
	width: 170px;
	float:left;
}

div.homepage-euro{
	width: 170px;
	float:right
}

/* ____________ALL SCHEDULE PAGE DIVS_____________ */

div.schedule-container { /*This holds a list of all the schedules and alternating rows. */
	width: 740px;
	padding: 0;
	border: 1px solid #707070;
}

div.schedule-title { /*The top title for schedules, personalities, lineups and others */
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	font-variant:small-caps;
	color: #000000;
	border-bottom: 5px solid #6d6d6d;
	padding: 0 15px 0 0;
	margin: 0 0 5px 0;
}

div.schedule-row-1 { /*The first alternating row inside of the container */
	width: 720px;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px dashed #707070;
	background-color: #f5f5f5;
	overflow: auto;
}

div.schedule-row-2 { /*The second alternating row */
	width: 720px;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px dashed #707070;
	background-color: #ebebeb;
	overflow: auto;
}

div.schedule-images-holder { /*The div that is holding the image */
	padding: 0 0 0 10px;
	float: right;
}	

/* ____________ALL LINEUP PAGE DIVS_____________ */

div.lineup-container { /*This holds a list of all the schedules and alternating rows. */
	width: 740px;
	padding: 0;
	border: 1px solid #707070;
}

div.lineup-col-title {
	border-bottom: 5px solid #6d6d6d;
	color: #000000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant:small-caps;
	padding-left: 5px;
	text-align: left;
	width: 200px;
}

div.lineup-row-1 {
	background-color: #f5f5f5;
	border-bottom: 1px dashed #707070;
	overflow: auto;
	padding: 5px 10px;
	width: 720px;
}

div.lineup-row-2 {
	border-bottom: 1px dashed #707070;
	background-color: #ebebeb;
	overflow: auto;
	padding: 5px 10px;
	width: 720px;
}

div.lineup-col {
	float: left;
	padding-left: 5px;
	text-align: left;
	width: 200px;
}	


/* ____________ALL PERSONALITIES PAGE DIVS_____________ */

div.personalities-row { /*This sites inside the schedule container, holds the info */
	width: 720px;
	padding: 5px 10px 5px 10px;
	background-color: #f5f5f5;
}

div.personality-detail-left { /*The div that is holding the image */
	width: 250px;
	padding: 5px 10px 10px 5px;
	float: left;
	border-right: 1px solid #707070;
}	

div.personality-detail-right { /*Holding the right side of the content */
	width: 473px;
	padding: 0;
	float: left;
}

div.personality-row-1 { /*First color of the alternating row */
	width: 459px;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px dashed #000000;
	border-right: 1px dashed #000000;
	background-color: #f5f5f5;
}

div.personality-row-2 { /*Second alternating row */
	width: 459px;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px dashed #000000;
	border-right: 1px dashed #000000;
	background-color: #ebebeb;
}

div.personality-title { /*The dark gray divider */
	width: 459px;
	padding: 3px 5px 3px 10px;
	background-color: #707070;
	border-bottom: 1px dashed #000000;
	border-right: 1px dashed #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

div.personalities-images-holder { /*The div that is holding the image */
	padding: 0 0 0 0;
	float: right;
}



/*------------------------------------
	I love spacers
------------------------------------*/	

.spacer { /* my spacer, saves a lot */
	clear: both;
}

.spacer-padded { /* my spacer, saves a lot */
	clear: both;
	margin: 0 0 10px 0;
}



/*------------------------------------
	Third parties
------------------------------------*/

.tooltip{ /* Google Map Tool Tip */
	background-color:#FFFFFF;
	border:2px solid #CCCCCC;
	padding:5px;
	white-space:nowrap;
}