/* 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; }

    /* 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; }

/* Register Form */

	/* Register Invader */
	#invader { display: none; position: absolute; top: 75px; left: 0px; z-index: 100;}
    #invader .close_link { position: absolute; top: 8px; right: 18px; z-index: 110; width: 25px; height: 25px; background: #fff; filter: alpha(opacity=0); opacity: 0}

    #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; }

/* 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_partners #content .poll { margin-left: 10px; }

    
/* 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; }

        #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; }