﻿/* Element Styles */
*{				padding:0px; margin:0px; border:0px;}
body{			background: #141311 url(/images/WingsBG.jpg) top left;} 

.IMG_Left{		vertical-align:bottom; float:left;}
.IMG_Right{		vertical-align:bottom; float:right;}
.Hidden{		display:none;}


/* Page Sections */
#LeaderBoardAd{			width:920px; height:100px; margin:0px auto; padding-top: 0px; text-align:center;}
    #BannerRotator1{	padding-top: 5px;}
    .DIV_LeaderBoard{	width:728px; height:90px;  margin:0px auto; margin-top:5px;}
#Header{				width:920px; height:184px; margin:0px auto; overflow:hidden;}
#AllContent{			width:920px; margin:0px auto; overflow:hidden;}
    #Content1{width:920px; background:#8d6e54 url(/images/ContentRepeat.gif); overflow:hidden;}
        #MainBar{width:880px; margin:0px 20px 0px 20px;}
        #SmallTilesOnly{width:880px; height:150px; float:left;}
        #SmallTiles{width:440px; height:300px; float:left;}
            .MainTile{width:210px; border:0px; float:left; margin:0px 5px 10px 0px;}
            .TileTitle{width:210px; height:23px; background: url(/images/FrontPageBox/BoxTop.gif) no-repeat; overflow:hidden; float:left; font-family:Arial; font-weight: bold; font-size:10pt; line-height: 22px; text-align:center;}
        #Flipper{width:440px; height:300px; float:right;}
    #Content2{width:920px; background:#000000 url(/images/ContentRepeat2.gif); clear:both; overflow:hidden;}
        #ExtraContent{width:880px; margin:0px 20px 0px 20px; font-family:Arial; font-size:8pt; color:#dedede;}
#Footer{				width:920px; height:70px; margin:0px auto; background:url(/images/FooterBG.gif) no-repeat top center; clear:both;}
	.P_FooterText{		width:880px; text-align:center; font-family:Arial; font-size:10pt; padding-top:15px;}
	.footerMenu{		font-family:Arial; font-size:10pt; color:#000000; font-weight:bold;}
	.SPAN_FooterNav{	font-weight:bold; font-style:italic;}
	.P_FooterCopyright{	width:880px; text-align:center; font-family:Verdana, Sans-Serif; font-size:8pt; margin-top:10px; color:#ffffff;}
	.P_Comnet{			width:920px; height:100px; text-align:right; margin-top:35px;}
.Title{font-family:Arial; font-size:12pt; color:#9d130c; font-weight:bold; font-style:italic; text-decoration:underline;}
.More{font-family:Arial; font-size:8pt; color:#e9821e; font-weight:bold; font-style:italic; text-decoration:none;}
.More:hover{color:#9d130c;}


/* User Login  */
.DIV_Overlay{			position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#000000; z-index:1; opacity:.8; MozOpacity:.8; -moz-opacity:.8; filter:alpha(opacity=80);}
.DIV_LoginPane{			position:absolute; top:-150px; left:50%; margin-left:-137px; width:274px; height:130px; z-index:2;}
	.DIV_LoginClose{	width:274px; height:20px; text-align:right;}
	.A_CloseText{		font-family:Arial; font-size:8pt; text-decoration:none; color:#ffffff;}
	.DIV_LoginFormHolder{width:274px; height:130px; background: url(/images/ClassicHitsClub/LoginBG.gif) no-repeat top left;}
	.DIV_LoginForm{		border:none; width:264px; margin:5px 5px 5px 5px;}
	.DIV_LoginFormTitle{font-family:Arial; font-size: 12pt; font-weight:bold; color: #000000; text-align:center; padding-bottom:10px;}
	.loginText{			color:#000000;font-size: 8pt;font-family: Tahoma; text-align:right; width:80px; padding-right:3px;}
	.loginField{		text-align:left; width:184px;}
	.loginTextField{	width:100%; height:16px; color:#554912;font-size: 8pt;font-family: Tahoma; background-color: #ffffff;border:solid 1px #000000;}
	.TD_LoginBtn_Holder{width:92px; text-align:left;}
	.TD_SignUpBtn_Holder{width:92px; text-align:right;}
	.btn{				width:91px;height:20px;color:#000000;font-size: 8pt;font-family: Tahoma;font-weight:bold;background-color:#db8b38;border: solid 1px #000000;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#efab61',EndColorStr='#cc7218');}   
	.btnhov{			background-color:#eeab63;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#fcd6ae',EndColorStr='#eda85d');}
	.loginError{		padding-right:13px; text-align:right; color:#ff0000; font-family:Arial; font-size:8pt;}
	.loginPassword{		padding-right:13px; text-align:right; font-family:Arial; font-size:8pt;}


/*User Logout*/
.DIV_Logout{			float:right; clear:right; margin-right: 6px; margin-left: 10px; width:160px; height:100px; background: url(/images/User/UserBG.gif) no-repeat bottom left;}
	.UserDetail{		height:43px; width:160px; padding-top:5px; font-family:Arial; font-weight:bold;}
	.UserWelcome{font-family:Arial; font-size:14pt; color:#ffffff; font-weight:bold; font-style:italic;}
	.UserName{font-family:Arial; font-size:12pt; color:#000000; font-weight:bold;}
	
	
	
/*The DJs*/
.DJName{font-family:Arial; font-size:16pt; color:#9d130c; font-weight:bold; font-style:italic;}
.DJTime{font-family:Arial; font-size:12pt; color:#ffffff; font-style:italic;}
.DJInterview{font-family:Arial; font-size:12pt; font-weight:bold; color:#9d130c;}
.DJQuestion{font-family:Arial; font-size:8pt; font-weight:bold; color:#e9821e;}
.DJAnswer{font-family:Arial; font-size:8pt; color:#ffffff;}
.DJEmail{font-family:Arial; font-size:8pt; color:#e9821e; font-weight:bold; font-style:italic; text-decoration:none;}
.DJEmail:hover{color:#9d130c;}
/*Wings News*/
.NewsPhoto{border:solid 1px #ffffff; margin:0px 15px 10px 0px; float:left;}
.ArticlePhoto{border:solid 1px #ffffff; margin: 0px 15px 10px 15px;}
.NewsDate{font-family:Arial; font-size:8pt; color:#e9821e; font-weight:bold;}
.NewsTitle{font-family:Arial; font-size:14pt; color:#9d130c; font-weight:bold; font-style:italic; text-decoration:none;}
/*Contests Page*/
.formQuestion{font-family:Arial;font-size:10pt; color:#e9821e; width:620px; margin-left:20px; margin-bottom:10px; margin-top:10px; overflow:hidden;}
.formAnswer{width:621px; margin-bottom:20px; margin-left:20px; overflow:hidden;}
.ContestTitle{font-family:Arial; font-size:16pt; color:#9d130c; font-weight:bold; font-style:italic;}
.ContestDetails{font-family:Arial; font-size:10pt; color:#ffffff;}
.ContestDescr{font-family:Arial; font-size:10pt; color:#000000;}
/*Events Page*/
.prevMonth{width:100px; height:17px; margin-top:3px; margin-left:5px; text-align:left; color:#000000; font-size:12pt; float:left;}
.monthText{text-decoration:none; color:#000000;}
.currentMonth{width:145px; height:20px; text-align:center; color:#000000; font-size:14pt; font-weight:bold; float:left;}
.nextMonth{width:100px; height:17px; margin-top:3px; margin-right:5px; text-align:right; color:#000000; font-size:12pt; float:left;}
.calendarGridHolder{width:350px; margin: 3px 5px 0px 5px; clear:both; background: #c4c4c4 url(/images/Calendar/CalendarGrayBG.jpg) top left no-repeat;}
.sundayLabel{width:50px; text-align:center; font-size:7pt; border:solid 1px #000000; background-color:#ffffff;}
.dayLabel{width:50px; text-align:center; font-size:7pt; border:solid 1px #000000; border-left:0px; background-color:#ffffff;}
.unusedGridSun{height:50px; vertical-align:top; border:solid 1px #000000; border-top:0px; background-color:#ffffff;}
.unusedGrid{height:50px; vertical-align:top; border:solid 1px #000000; border-left:0px; border-top:0px; background-color:#ffffff;}
.inactiveGridSun{height:50px; vertical-align:top; border:solid 1px #000000; border-top:0px;}
.inactiveGrid{height:50px; vertical-align:top; border:solid 1px #000000; border-left:0px; border-top:0px;}
.activeGridSun{height:50px; vertical-align:top; border:solid 1px #000000; border-top:0px; background: #ff0000 url(/images/Calendar/ActiveDateBG.jpg) top right no-repeat;}
.activeGrid{height:50px; vertical-align:top; border:solid 1px #000000; border-left:0px; border-top:0px; background: #ff0000 url(/images/Calendar/ActiveDateBG.jpg) top right no-repeat;}
.activeGridLink{display:block; width:48px; height:48px; color:#ffffff; text-decoration:none;}
#CalendarDetails{z-index:1; position:absolute; top:453px; left:50%; width:200px; display:none;}
.DetailsHolder{width:200px; background: url(/images/Calendar/DialogRepeat.png) top left repeat-y; overflow:hidden; float:left; clear:both;}
.detailsLink{color:#000000; text-decoration:none; font-weight:bold;}
.dateLink{width:170px; margin-left:15px; font-family:Arial; font-size:10pt; display:none;}
    /*Event List*/
    .eventCornerHolder{width:6px; height:6px; float:left; line-height:1px; overflow:hidden;}
    .eventBarSpread{width:258px; height:6px; float:left; background-color:#ffffff; line-height:1px; overflow:hidden;}
    .eventHolder{width:270px; background-color:#ffffff; float:left; clear:both;}
    .eventDate{width:48px; height:48px; background:url(/images/Calendar/DayBack.gif); margin-left:5px; float:left;}
    .eventDateText{width:38px; margin-left:5px; text-align:center; font-size:8pt; font-weight:bold;}
    .eventDetails{width:200px; margin-left:5px; float:left; color:#000000; font-size:10pt;}
    /*Selected Event*/
    .focusedEventBarSpread{width:647px; height:6px; float:left; background-color:#ffffff; line-height:1px; overflow:hidden;}
    .focusedEventHolder{width:659px; background-color:#ffffff; float:left; clear:both;}
    .focusedEventText{width:409px; color:#000000; margin-left:5px; float:left;}
    .EventStartTime{font-family:Arial; font-size:12pt; color:#9d130c; font-weight:bold; font-style:italic;}
    .EventTitle{font-family:Arial; font-size:14pt; color:#9d130c; font-weight:bold;}
    .EventPrices{font-family:Arial; font-size:10pt; color:#000000;}
    .EventTickets{font-family:Arial; font-size:10pt; color:#000000;}
    .EventContactName{font-family:Arial; font-size:10pt; color:#000000; font-weight:bold;}
    .EventContactPhone{font-family:Arial; font-size:10pt; color:#000000;}
    .EventContactEmail{font-family:Arial; font-size:10pt; color:#000000;}
    .EventSponsor{font-family:Arial; font-size:10pt; color:#000000;}
    .EventLocation{font-family:Arial; font-size:10pt; color:#000000;}
    .EventEndTime{font-family:Arial; font-size:10pt; color:#000000;}
    .EventLink{font-family:Arial; font-size:10pt; color:#000000;}
    .EventDetails{font-family:Arial; font-size:10pt; color:#000000;}
    .EventInfo{font-family:Arial; font-size:10pt; color:#000000;}
        /*Price Section*/
        .priceBarSpread{width:208px; height:6px; float:left; background-color:#d4d1b4; line-height:1px; overflow:hidden;}
        .priceHolder{width:220px; background-color:#d4d1b4; float:left;}
        .priceText{width:210px; color:#000000; margin-left:5px; float:left;}
        /*Contact Section*/
        .eventContactHolder{width:220px; background-color:#d4d1b4; float:left; clear:both;}
        .contactBarSpread{width:208px; height:6px; float:left; background-color:#d4d1b4; line-height:1px; overflow:hidden;}
        .eventContactText{width:210px; color:#000000; margin-left:5px; float:left;}
/*Music*/
.musicTitle{font-family:Arial; font-size:12pt; color:#ffffff; font-weight:bold; font-style:italic;}
.musicSong{font-family:Arial; font-size:10pt; color:#e9821e;}
.musicTitle2{font-family:Arial; font-size:11pt; color:#000000; font-weight:bold;}
.musicSong2{font-family:Arial; font-size:9pt; color:#9d130c;}
/*Photo Gallery*/
.GalleryTitle{font-family:Arial; font-size:14pt; color:#9d130c; font-weight:bold; font-style:italic; text-align:left;}
.GalleryDescription{font-family:Arial; font-size:8pt; color:#ffffff; text-align:left;}
.PhotoTitle{font-family:Arial; font-size:12pt; color:#e9821e; font-weight:bold; font-style:italic; text-align:left;}
.PhotoDescription{font-family:Arial; font-size:8pt; color:#ffffff; text-align:left;}
.Galleries{width:167px; text-align:center; font-family:Arial; font-size:10pt; color:#e9821e; font-weight:bold; vertical-align:top; border:0px;}
.PhotoThumb{border:solid 1px #ffffff;}
/*Contact Page*/
#ContactForm{width:550px; float:left; text-align:right;}  
#ContactInformation{width:320px; float:left; border-left:solid 1px #e9821e;} 
.contactGrid{font-family: Arial; font-size:8pt; line-height:11pt; padding: 2px; color:#000000;}
.contactTitle{font-family:Arial; font-size:10pt; color:#ffffff; font-weight:bold;}
.contactText{font-family:Arial; font-size:8pt; color:#ffffff;}
.contactLink{font-family:Arial; font-size:8pt; color:#e9821e; text-decoration:none;}
.contactLink:hover {color:#9d130c;}
.contactInput{border:solid 1px #000000;}
    /*Staff Directory*/
    .StaffName{font-family:Arial; font-size:12pt; color:#ffffff; font-weight:bold;}
    .StaffEmail{font-family:Arial; font-size:8pt; color:#e9821e; font-weight:bold; font-style:italic; text-decoration:none;}
    .StaffEmail:hover{color:#9d130c;}
    .StaffSection{font-family:Arial; font-size:16pt; color:#9d130c; font-weight:bold; font-style:italic;}     
/*Classic Hits Club*/
#ContestWinners{width:920px; background:#000000 url(/images/ContentRepeat2.gif); clear:both; overflow:hidden;}
    #ContestExtraContent{width:880px; margin:0px 20px 0px 20px; font-family:Arial; font-size:8pt; color:#dedede;}
.GiveAwayTitle{font-family:Arial; font-size:16pt; color:#e9821e; font-weight:bold; font-style:italic;}
.GiveAwayDetails{font-family:Arial; font-size:10pt; color:#ffffff;}
.UserContestTitle{font-family:Arial; font-size:16pt; color:#9d130c; font-weight:bold; font-style:italic;}
.UserContestDetails{font-family:Arial; font-size:10pt; color:#000000;}
.CHCempText2{font-family:Arial; font-size:16pt; color:#9d130c; font-weight:bold; font-style:italic;}
.CHCempText{font-family:Arial; font-size:10pt; color:#ffffff;}
.CHCempText3{font-family:Arial; font-size:12pt; color:#e9821e;}


/*Classic Hits Sign Up Page*/
.signUpFieldName{font-family: Arial; font-size:8pt; line-height:11pt; padding: 2px; color:#000000; font-weight:bold;}
.signUpQuest{font-family:Arial; font-size:8pt; font-weight:bold; color:#9d130c; text-align:left; padding-top:15px;}
.signUpAns{font-family:Arial; font-size:8pt; font-weight:bold; color:#000000; text-align:left;}
.signUpRadio{}



