/* styles.css
	This document contains elements that are used on specific pages.
*/


/* 1.0 Homepage */

    
    
    .pg_homepage #content p img.icon { margin: 0px 3px -4px 0px; }

    /* Social Media Pod */
    
		#content .social_media { margin-bottom: 6px; }
    
    /* Player Pod */
    
		#content .player { margin-top: 0px; }
    
    /* Feedback Rotating Testimonial Pod */
    
        #content .feedback .pod_inner { position: relative; }
        #content .feedback .qleft { position: absolute; top: -8px; left: 0px; z-index: 5;}
        #content .feedback .qright { position: absolute; bottom: -8px; right: 2px; }
        #content .feedback .quote { padding: 10px 25px; width: 186px}
        #content .feedback .L { float: left; width: 71px; margin-top: 5px}
        #content .feedback .M { float: left; width: 90px; margin-top: 5px; text-align: center; padding-top: 4px;}
        #content .feedback .R { float: left; width: 71px; margin-top: 5px; position: relative; z-index: 5}
        #content .feedback .quote .footnote { padding-right: 5px; position: relative; z-index: 5; clear: both; text-align: right; color: #0269f3; font-size: 11px; }
    /* Poll Pod */
    
    	#content .poll label { color: #ffd683; }
        #content .poll .button { clear: both; float: right; margin-top: 10px}
        #content .pollresults { display:none; width: 200px; }
        #content .pollresults .intro { margin-bottom: 5px;}
        #content .pollresults .bargraph { position: relative; height: 12px; padding: 3px 0px; text-indent: 5px; display:block; margin-bottom: 2px}
        #content .pollresults .bargraph span { position: absolute; top: 2px; right: -35px; }


	/* Submit Testimonial Pod */
	
		#content .testimonial input.txt, #content .testimonial textarea.txtarea
		{ display: block; border: 1px solid #000; margin-bottom: 5px; padding: 6px 6px; color: #fff; font-family: arial; background: #0d406f; font-size: 13px; }
	    
		#content .testimonial .ERROR { border: 1px solid #930; background: #694547; color: #000; }
		#content .testimonial  #error { display: none; color: #CF4400; padding: 2px 0px 6px; width: 400px;}

		#content .testimonial  .success { font-size: 12px; line-height: 16px; visibility: hidden; width: 400px; white-space:nowrap;  margin-top: 6px; float: left; color: #009900; font-weight: normal; }
		#content .testimonial #btnSend { float: right; }

/* 2.0 About Section */

    #content .station_info .pod_inner, #content .competitive_advantage .pod_inner { position: relative; }
    #content .station_info p, #content .competitive_advantage p { margin-bottom: 10px; }
    #content .station_info p span, #content .competitive_advantage p span 
    { display: block; color: #b48a39; line-height: 22px; margin-bottom: 6px; font-size: 16px; font-weight: bold; }
        #content .station_info p .span2, #content .competitive_advantage p .span2 { margin-top: 10px; font-size: 14px}
        #content .station_info p .span3, #content .competitive_advantage p .span3 { font-weight: normal; display: inline; line-height: 16px; margin: 0px; font-size: 13px; }

    #content .station_info .icon { position: absolute; top: 5px; right: 15px; }
    #content .competitive_advantage .icon { position: absolute; top: -15px; left: -5px; }
    
    
    #content .competitive_advantage p.intro { margin-left: 125px; margin-bottom: 0px }
    #content .competitive_advantage p.intro .span1 { margin-left: -30px; }

	.pg_about #content .poll { margin-left: 10px; }


/* 3.0 Feedback */

    /* Questionnaire Pod */
    
        #content .questionnaire p.intro { font-size: 13px; }
        #content .questionnaire p.intro span { display: block; color: #b48a39; font-size: 16px; font-weight: bold; }
        #content .questionnaire .form_cont { padding: 10px; }
        #content .questionnaire .form_cont ul li { float: left; margin-right: 6px;}
        #content .questionnaire .form_cont ul li a { width: 75px; font-weight: bold; text-decoration: none; color: #576c80; display: block; background: #0f2f4b; text-align: center; padding: 8px 0px; }
            #content .questionnaire .form_cont ul li a:hover, #content .questionnaire .form_cont ul li.on a { color: #fff; background: #0d406f }

        #content .questionnaire .page { display: none; clear: left; float: left; width: 485px; padding-top: 10px }
        #content .questionnaire .open { display: block; }
        #content .questionnaire .page table.parent { }
        #content .questionnaire .page td { vertical-align: top; }
            #content .questionnaire .page td.ptop3 { padding-top: 3px  }
            #content .questionnaire .page td.pbtm3 { padding-bottom: 3px  }
            #content .questionnaire .page td.ptop6 { padding-top: 6px  }
            #content .questionnaire .page td.pbtm6 { padding-bottom: 6px  }
        #content .questionnaire .page .horiz_checklist { }
            #content .questionnaire .page .w100 { width: 100%}
            #content .questionnaire .page .horiz_checklist input { margin-left: 0px; float: left; }
            #content .questionnaire .page .horiz_checklist label { padding-bottom: 8px; padding-right: 5px; margin-left: 2px; margin-top: 2px; float: left;}
        
        #content .questionnaire .page .vert_checklist { margin-bottom: 8px; }
        #content .questionnaire .page .vert_checklist td { padding-bottom: 3px;}
            #content .questionnaire .page .vert_checklist input { margin-left: -2px; float: left; }
            #content .questionnaire .page .vert_checklist label { margin-left: 5px; margin-top: 2px; float: left;}
    	
	    #content .questionnaire .page .amid { text-align: center; }
	    #content .questionnaire .page table.table1 td { width: 75px; text-align: center;}
	        #content .questionnaire .page table.table1 td input { float: none; }

	    #content .questionnaire .page table.table2 td { width: 90px; text-align: center;}
	        #content .questionnaire .page table.table2 td input { float: none; }
    	    
	    #content .questionnaire .f10 { font-size: 10px; }    
	    #content .questionnaire input.txt { display: block; margin-bottom: 8px; border: 1px solid #000; padding: 6px 6px; color: #fff; font-family: arial; background: #0d406f; font-size: 13px; }

        #content .questionnaire .form_cont .next_page_top, #content .questionnaire .form_cont .next_page_btm { float: right; width: 75px;}
            #content .questionnaire .form_cont .next_page_top { margin-bottom: 8px; }
            #content .questionnaire .form_cont .next_page_btm { margin-top: 8px; }
            #content .questionnaire .form_cont .prev_page_btm { float: left; width: 75px; margin-top: 8px; }
            
        #content .questionnaire .success_cont { border: 2px solid #94C55F; color: #94C55F; background: #425339; padding: 5px 10px; font-weight: bold; margin: 10px 0px;  font-size: 14px; }
		 #content .questionnaire  #error { float: left; display: none; line-height: 16px; color: #CF4400; padding: 2px 0px 6px; width: 300px;}
		 #content .questionnaire  #page1 .next_page_top { width:100px; text-align:right; line-height: 18px; margin-bottom: -20px}
    /* Testimonials Pod */

        #content .testimonials p.intro { margin-bottom: 10px; }
        #content .testimonials p.intro a { font-size: 16px; color: #0269f3; font-weight: bold; }
        #content .testimonials .testimonial_block { float: left; border-bottom: 1px solid #0e2841; margin-bottom: 10px; padding-bottom: 10px; }
        #content .testimonials .testimonial_block .icon { float: left; margin: 0px 30px 0px 20px; }
        #content .testimonials .testimonial_block .right { float: left; width: 385px; position: relative;  }
        #content .testimonials .testimonial_block .right .qleft { position: absolute; top: 0px; left: 0px; z-index: 4; }
        #content .testimonials .testimonial_block .right .qright { position: absolute; bottom: 0px; right: 0px; z-index: 4; }
        #content .testimonials .testimonial_block .right p { padding: 10px 25px 0px; position: relative; z-index: 5; }
        #content .testimonials .testimonial_block .right .footnote { padding-right: 40px; position: relative; z-index: 5; clear: both; text-align: right; color: #0269f3; font-size: 11px; }


/* 4.0 Contact Section */

    #content .contact_form p.intro { font-size: 13px; margin-bottom: 10px;}
    #content .contact_form p.intro span { display: block; color: #b48a39; font-size: 16px; font-weight: bold; }
     
    #content .contact_form table { width: 485px; margin: 10px}
    #content .contact_form td { vertical-align: top; }
        #content .contact_form td.ptop3 { padding-top: 3px  }
        #content .contact_form td.pbtm3 { padding-bottom: 3px  }
        #content .contact_form td.ptop6 { padding-top: 6px  }
        #content .contact_form td.pbtm6 { padding-bottom: 6px  }
        
    #content .contact_form input.txt, #content .contact_form textarea.txtarea, #content .contact_form select.select
    { display: block; border: 1px solid #000; margin-bottom: 5px; padding: 6px 6px; color: #fff; font-family: arial; background: #0d406f; font-size: 13px; }
        
        #content .contact_form select.select { padding: 1px 0px 1px 1px;  }

    
    #content .contact_form .ERROR { border: 1px solid #930; background: #694547; color: #000; }
    #content .contact_form  #error { display: none; color: #CF4400; padding: 2px 0px 6px; width: 400px;}
        #content .contact_form select.ERROR { padding: 1px 0px 1px 1px;  }
    #content .contact_form  .success { position: absolute; display: none; font-size: 12px; line-height: 16px;  color: #009900; font-weight: normal; }
    #content .contact_form #btnSend { float: right; }
    
    .pg_contact #content .poll { margin-left: 10px; }





/* 6.0 Donate */

	/* Step 1 */
/* Step 1 */
    #content .donate p.intro { font-size: 13px; clear: both; padding-top: 10px}
    #content .donate p span
    { display: block; color: #b48a39; line-height: 16px; margin-bottom: 6px; font-size: 16px; font-weight: bold; }
	.pg_donate #content .poll { margin-left: 10px; }
	#content .dstep1 .pod_inner { height: 610px; }
	
	#content .donate .txt, #content .donate .txtarea, #content .donate .select { border: 1px solid #000; font: normal 13px arial; color: #fff; padding: 6px 6px; background: #527041 }
		#content .donate .select { padding: 1px 0px 1px px; }
	
	#content .dstep1 .inner_area { margin: 30px; position: relative; }
	    #content .dstep1 .inner_area .select { position: absolute; width: 171px;  }
	    #content .dstep1 .inner_area .txt { width: 157px; margin-top: 36px; } 
        #content .dstep1 .inner_area a.btn { position: absolute; top: 155px; left: 190px; }
        #content .dstep1 .inner_area .paypal { position: absolute; top: 5px; left: 320px; z-index: 4}
    #content .donate .hdn { display: none; }
    #content .donate #donate_other { display: none; }
    #content .dstep1  #error { display: none; position: absolute; top: -15px; z-index: 5; line-height: 16px; color: #CF4400; padding: 2px 0px 6px; width: 500px;}

    #content .dstep1 .p_reoccur { margin-top: 70px; }
    #content .dstep1 .reoccur { margin-top: 10px; }

    #content .donate .steps { float: left; margin: 5px 0px 0px 8px; display: inline}
    #content .donate .steps li { position: relative; float: left; padding: 10px; margin-left: -9px; }
    #content .donate .steps a { text-decoration: none; display: block; float: left; background: #0d406f; color: #fff; text-align: center; width: 100px; padding: 10px 0px; font-weight: bold; }
        #content .donate .steps li .icon { position: absolute; top: 0px; left: 0px;}
        #content .donate .steps li.off { opacity: .5; filter: alpha(opacity=50); }
        #content .donate .steps li.nc a { cursor: default; }

	/* Step 2 */
	
	#content .dstep2 { position: relative;  }
    #content .dstep2 .paypal { position: absolute; top: 75px; left: 412px; z-index: 4}
    #content .dstep2  #error { display: none; clear: both; float: left; line-height: 16px; color: #CF4400; padding: 10px 0px 6px; width: 400px;}
    
    #content .dstep2 table { width: 485px; margin: 10px; float: left; }
    #content .dstep2 td { vertical-align: top; }
        #content .dstep2 td.ptop3 { padding-top: 3px  }
        #content .dstep2 td.pbtm3 { padding-bottom: 3px  }
        #content .dstep2 td.ptop6 { padding-top: 6px  }
        #content .dstep2 td.pbtm6 { padding-bottom: 6px  }

	#content .dstep2 .sm { font-size: 11px; display: block; }


	/* Step 3 */
	#content .dstep3 { position: relative;  }
    #content .dstep3 .paypal { position: absolute; top: 75px; left: 412px; z-index: 4}
    #content .dstep3 #error { clear: both; float: left; line-height: 16px; color: #CF4400; padding: 10px 0px 6px; width: 400px;}
    #content .dstep3 table { width: 485px; margin: 10px; float: left; }
    #content .dstep3 td { vertical-align: top; }
        #content .dstep3 td.ptop3 { padding-top: 3px  }
        #content .dstep3 td.pbtm3 { padding-bottom: 3px  }
        #content .dstep3 td.ptop6 { padding-top: 6px  }
        #content .dstep3 td.pbtm6 { padding-bottom: 6px  }
	
	#content .dstep3 .txt, #content .dstep3 .txtarea, #content .dstep3 .select { background: #30422e; color: #95c660; cursor: default }

	/* Step 4 */
	#content .dstep4 { position: relative;  }
    #content .dstep4 .share { margin-top: 10px }


/* 7.0 Partners */

    #content .community_partners p span
    { display: block; color: #b48a39; line-height: 22px; margin-bottom: 6px; font-size: 16px; font-weight: bold; }
    #content .community_partners ul { width: 432px; padding-top: 20px; float: left; padding-left: 40px; }
    #content .community_partners li { display: table; float: left; background: #000; border: 1px solid #0e365d; overflow: hidden; padding: 5px; width: 112px; height: 112px; margin-right: 30px; margin-bottom: 30px;}
        #content .community_partners li.nomarg-r { margin-right: 0px;}
    #content .community_partners li a { display: table-cell; vertical-align: middle; text-align: center; }
	.pg_community #content .poll { margin-left: 10px; }

	/* 7.1 Partners - Image Gallery */
	
	.pg_community_a .categories { color: #ffd683; text-align:center; font-size: 12px; margin-bottom: 10px}
	.pg_community_a .categories a.on { text-decoration: none; }

    .pg_community_a .thumbs a.thumb { float: left; border: 1px solid #6d747c; width: 71px; height: 60px; margin-right: 6px; margin-bottom: 6px}
        .pg_community_a .thumbs a.thumb img { width: 71px; height: 60px; }
    .pg_community_a .thumbs .thumb_listing { padding-left: 3px; margin-right: -4px}
        .pg_community_a .thumbs a.thumb:hover, .pg_community_a .thumbs a.on  { border: 1px solid #fff; }
        
     .pg_community_a .thumbs .links { clear: both; }
     .pg_community_a .thumbs .prev { font-size: 11px; float: left; }   
     .pg_community_a .thumbs .next { font-size: 11px; float: right; margin-right: 6px;}   
        
        
    .pg_community_a .image_details img { width: 505px; margin-bottom: 8px}  
    .pg_community_a .image_details h2 { font: bold 16px arial; color: #b48a39; }
    
    .pg_community_a #content .smallpod_g { margin-left: 10px; }
    .pg_community_a #content .smallpod_g .pod_inner img{ margin-top: -5px; margin-bottom: -5px }
    
    
		.jcarousel-skin-horizontal1 .jcarousel-container-horizontal,
		.jcarousel-skin-horizontal1 .jcarousel-clip-horizontal,
		.jcarousel-skin-horizontal1 .jcarousel-item {
			margin-left: 0px;
			width: 237px;
			height: 150px;
		}



	/* 7.2 Partners - Grant Program */

		#content .grant .pod_inner  { position: relative; }
		#content .grant p { margin-bottom: 10px; }
		#content .grant p span
		{ display: block; color: #b48a39; line-height: 22px; margin-bottom: 6px; font-size: 16px; font-weight: bold; }
			#content .grant p .span2 { margin-top: 10px; font-size: 14px}
			#content .grant p .span3 { font-weight: normal; display: inline; line-height: 16px; margin: 0px; font-size: 13px; }

		#content .grant .icon { position: absolute; top: 20px; right: 25px;}
		.pg_community_b #content .poll { margin-left: 10px; }

	/* 7.3 Partners - Event Calendar */

		.pg_community_c #content .smallpod_g { margin-left: 10px; }
		.pg_community_c #content .smallpod_g .pod_inner img{ margin-top: -5px; margin-bottom: -5px }

		.pg_community_c .calendar p { margin: -2px 0px 2px; }
		    
			.pg_community_c .categories { color: #ffd683; text-align: right; font-size: 12px; margin-bottom: 10px}
				.pg_community_c .categories a.on { text-decoration: none; }
		        
			.pg_community_c .calendar_listing dl { background: url(/App_Images/ico_event.gif) left top no-repeat; margin-bottom: 20px; padding: 9px 0px 0px 49px}
			.pg_community_c .calendar_listing dt { font: bold 16px arial; color: #b48a39; }
				.pg_community_c .calendar_listing dt span { display: block; font: bold 12px arial; color: #cce6ff; }
		    
			.pg_community_c .calendar_listing dd { line-height: 18px; margin-top: 3px}
			.pg_community_c .calendar_listing dd p.r { text-align: right; color: #ffd683; } 


		/* 7.3x Partners - Event Details */
		
		    .pg_community_c .event_details h6, .pg_community_c .event_details h6 a{ font-size: 10px; color: #897b59; margin-bottom: 15px}
				.pg_community_c .event_details h6 a:hover { color: #ffd683 }
		        
			.pg_community_c .event_details .event_info { float: left; background: url(/App_Images/ico_event.gif) left top no-repeat; margin-bottom: 20px; padding: 5px 0px 0px 49px }
			.pg_community_c .event_details .w245 { width: 245px; }
			.pg_community_c .event_details .event_thumb { float: left; border: 1px solid #686e74; width: 200px; margin: -15px 0px 0px 10px; position: relative; }
		    
			.pg_community_c .event_details h2, .pg_community_c .event_details h3  { clear: left; font: bold 20px arial; color: #b48a39; }
			.pg_community_c .event_details h3 { clear: left; float: left; }
			.pg_community_c .event_details .desc { margin-bottom: 20px; }
			.pg_community_c .event_details .f { float: left; line-height: 18px; padding: 5px 0px 0px 5px; font-size: 16px;}
		    
			.pg_community_c .event_details .sm { clear: both; display: block; padding-top: 20px; color: #b48a39;  }


/* Contest Templates */

    .pg_contests #content .contest_details .thumb { float: right; border: 1px solid #1076da; margin: 0px 0px 10px 10px; }
	.pg_contests #content .contest_details p { margin-bottom: 10px; }
	.pg_contests #content .contest_details p span
		{ display: block; color: #b48a39; line-height: 22px; margin-bottom: 6px; font-size: 16px; font-weight: bold; }
    .pg_contests #content .register_form  .success { position: absolute; display: none; font-size: 12px; line-height: 16px;  color: #009900; font-weight: normal; }



/* Misc Styles */

        a.tooltip { text-decoration: none; cursor: help}
        a.tooltip:hover { visibility: visible; }
        a.tooltip span.tooltip { visibility: hidden; position: absolute; margin: -55px 0px 0px -50px; }
        a.tooltip:hover span.tooltip { visibility: visible;  }
        a.tooltip span span { color: #CCE6FF; display: block; text-decoration: none; position: relative; background: #090E13; border: 1px solid #B48A39; padding: 3px; font-size: 11px; width: 140px; text-align: left; z-index: 20}

        #content .nomr { margin-right: 0px; }

/* Share Popup */

    .pg_popup { background-image: url(/App_Images/bg_body_share.jpg); }

    .pg_popup #content { float: none; margin: 0px auto; width: 260px; }

    #content .share_form input.txt, #content .share_form input.txt2, #content .share_form textarea.txtarea
    { display: block; border: 1px solid #000; margin-bottom: 5px; padding: 6px 6px; color: #fff; font-family: arial; background: #0d406f; font-size: 13px; }
        
    #content .share_form input.txt2 { font-size: 10px; background: #08253F; margin-top: 5px; margin-bottom: 5px; }
    #content .share_form p.intro { font-size: 12px; line-height: 14px; }
    #content .share_form th { white-space: nowrap; font-size: 12px; vertical-align: top; padding-top: 3px}
    #content .share_form .ERROR { border: 1px solid #930; background: #694547; color: #000; }
    #content .share_form  #error { top: 143px; position: absolute; display: none; color: #CF4400; padding: 2px 0px 6px; width: 150px;}
    #content .share_form  .success { font-size: 12px; line-height: 16px; display: none; width: 100px; white-space:nowrap; float: left; color: #009900; font-weight: normal; }
    #content .share_form #btnSend { float: right; }
    #content .share_form .req { float:right; margin-bottom: 10px; font-size: 11px; }
	#content .share_form a.tooltip span span { border-color: #94C55F; }



/* Register Form */

    .pg_newsletter #content .poll { margin-left: 10px; }
    #content .bigpod h1.yellow { background: url(/App_Images/bg_podtitle_big_yellow-trans.png) no-repeat; }
    #content .yellowpod .pod_inner { border-color: #ffd443; }
    #content .yellowpod .podbtm_small { background: url(/App_Images/bg_podbtm_yellow_big-trans.png) top no-repeat; }
    #content .yellowpod { background: url(/App_Images/bg_podtop_yellow_big-trans.png) top no-repeat; }

    #content .register_form p.intro { font-size: 13px; margin-bottom: 10px;}
    #content .register_form p.intro span { display: block; color: #ffd443; font-size: 16px; line-height: 20px; font-weight: bold; }
     
    #content .register_form table { width: 485px; margin: 10px}
    #content .register_form td { vertical-align: top; }
        #content .register_form td.ptop3 { padding-top: 3px  }
        #content .register_form td.pbtm3 { padding-bottom: 3px  }
        #content .register_form td.ptop6 { padding-top: 6px  }
        #content .register_form td.pbtm6 { padding-bottom: 6px  }
        
    #content .register_form input.txt, #content .register_form textarea.txtarea, #content .register_form select.select
    { display: block; border: 1px solid #000; margin-bottom: 5px; padding: 6px 6px; color: #fff; font-family: arial; background: #0d406f; font-size: 13px; }
        
        #content .register_form select.select { padding: 1px 0px 1px 1px;  }

    
    #content .register_form .ERROR { border: 1px solid #930; background: #694547; color: #000; }
    #content .register_form  #error { display: none; color: #CF4400; padding: 2px 0px 6px; width: 400px;}
        #content .register_form select.ERROR { padding: 1px 0px 1px 1px;  }
    #content .register_form  .success { position: absolute; display: none; font-size: 12px; line-height: 16px;  color: #009900; font-weight: normal; }
    #content .register_form #btnSend { float: right; }
    
    .pg_register #content .poll { margin-left: 10px; }