@charset "UTF-8";
@import "normalizing.css";

/* CSS Document */
/* Information: --------------------------------------------------------- */
/* This is the style sheet for the Carson Entertainment Group website.    */
/* Web slicing and coding was done by Respond2 of        */
/* the R2C Group. Www.r2cgroup.com | 503-222-0025.       */
/* ----------------------------------------------------- */

/* BRAND COLOR PALLETTE -------------------------------- */
/* ----------------------------------------------------- */
/*
041637 - bg body DK. BLUE
213350 - bg content LT. BLUE - EXPIRED
f3ebcb - bg content
f0d642 - content yellow
e2b20e - content yellow/orange
*/

/* GLOBAL STYLES --------------------------------------- */
/* ----------------------------------------------------- */
body {
	color: #2f3c55;
	background: #041637 url('../images/bgs/bg_body.gif') 0 0 repeat-x;
	font: normal 12px/1.5em arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* LINK STYLES */
a:focus {
	outline: none;
}

em {
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	border: 0;
	color: #041637;	
}
a:link, 
a:visited {
	text-decoration: underline;
	font-weight: bold;
	border: 0;
	color: #041637;
}

a:hover, 
a:active {
	text-decoration: none;
	font-weight: bold;
	border: 0;
	color: #213350;
}

/* MISC */
img, 
img a { 
	border: none; 
}

.alignCenter { 
	text-align: center; 
}

.hide {
	visibility: hidden;
	display: none;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}

.marginTop100 {
	margin-top: 100px;
}

.marginTop25 {
	margin-top: 25px;
}

.bg_lyteFrame {
	background: #213350; 
	margin: 0;
	padding: 0;
}

/* CONTENT ALIGNMENT/LAYOUT ---------------------------- */
/* ----------------------------------------------------- */
#wrapper1 {
	background: url('../images/bgs/bg_wrapper1.png') top center repeat-y;
	width: 800px;
	margin: 0 auto;
	padding: 0 20px;
}

#wrapper2 {
	width: 800px;
	margin: 0;
	padding: 0;
	background: url('../images/bgs/bg_wrapper2.jpg') top center no-repeat;
}

/* HEADER AND LOGO LAYOUT*/
#header {
	clear: both;
	width: 800px;
	height: 155px;
}

#logo {
	float: left;
}

/*Keeps spotlight on top of all layers*/	
#spotlight {
	height: 150px;
	width: 160px;
	float: right;
	margin-right: 12px;
	position: relative;
	top: 0;
	left: -10px;
	z-index: 1000;
	background: url(../images/spotlight.png) no-repeat 0 0;
}

/*STYLING TO EACH JOHNNY IMAGE */
.johnny {
	position: relative;
	top: -41px;
	left: 330px;
	z-index: 1; 
}

/* CONTENT */
#content {
	clear: both;
	margin: 0 12px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 788px;
	position: relative;
	top: -3px;
	left: 12px;
}

/* HORIZONTAL ACCORDIAN -------------------------------- */
/* ----------------------------------------------------- */
.haccordion {
	position: relative;
	width: 780px;
	height: 590px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: 0px;
	overflow: hidden;
	z-index: 1;
}
	
.haccordion .section, 
.haccordion .content {
    float: left;
    height: 590px;
}
  
.haccordion .section {
	width: 42px;
    cursor: pointer;
	border-right: 3px solid #041637;
	border-bottom: 3px solid #041637;
	z-index: 999;
	height: 100%;
	position: relative;
}

#about_nav {
	z-index: 1050;
}

#content_about {
	z-index: 1055;
}

#license_nav {
	z-index: 1060;
}

#content_license {
	z-index: 1065;
}

#fees_nav {
	z-index: 1070;
}

#content_fees {
	z-index: 1075;
}
  
.haccordion .content {
	position: relative;
	display: none;
	width: 0px;
	overflow: hidden;
	z-index: 200;

}
  
.haccordion .content.visible{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
    display: block;
    width: 645px;
	z-index: 1;
}
  
/*.haccordion .content div {
	margin: 0;
	padding: 6px;
	width: 630px;
	height: 100%;
	border-right: 3px solid #041637;
	z-index: 999;
}*/
  
.section a {
    display: block;
    width: 42px;
    height: 100%;
	z-index: 999;
	margin-bottom: -3px;
    }

.nav1 {
	background: #eccd67 url('../images/bgs/bg_nav1.gif') top center repeat-y;
	}
.nav2 {
	background: #eccd67 url('../images/bgs/bg_nav2.gif') top center repeat-y;
	}
.nav3 {
	background: #eccd67 url('../images/bgs/bg_nav3.gif') top center repeat-y;
	}
.navBottom {
	position: relative;
	bottom: 0;
	}
	
	

/* ABOUT CEG STYLES ------------------------------------ */
/* ----------------------------------------------------- */
	
.aboutCol1 {
	float: left;
	width: 270px;
	margin: 0;
	padding: 0 0 0 5px;
	z-index: 999;
	}

.aboutCol2 {
	float: right;
	width: 340px;
	margin: 215px 0 0 0;
	padding: 0;
	z-index: 999;
	}

.introText {
	display: block;
	font-size: 15px;
	color: #041637;
	line-height: 18px;
	width: 275px;
	margin-bottom: 10px;
	padding-left: 7px;
}
.introSub {
	width: 275px;
	padding-left:8px;
	margin-bottom: 5px;
	line-height: 16px;
}

#contact {
	position: relative;
	width: 300px;
	height: 150px;
	margin-top: 20px;
}

.contactText {
	font-size: 12px;
	color: #041637;
	padding-left: 6px;
	line-height: 14px;
}

/* VIDEO PLAYER & LINKS */
#videoPlayer {
	position: relative;
	top: 0px;
	width: 320px;
	height: 290px;
	margin: 0;
	padding: 15px 18px 12px 20px;
	display: block;
	background: url('../images/bgs/bg_videoPlayer.png') 0 0 no-repeat;
	z-index: 1300;
}

#carsonvideo {
	display: block;
	width: 250px;
	height: 190px;
	z-index: 1320px;
	position: relative;
	top: 40px;
	left: 20px;
	overflow: hidden;
	
}

.videoLinks {
	margin: 5px;
	padding: 0;
	display: block;
	}
.videoLinks ul {
	margin: 3px 0 0 0;
	padding: 0;
	list-style-type: none;
	}
.videoLinks li {
	margin: 0 5px 0 0;
	padding: 0 0 0 18px;
	float: left;
	display: inline-block;
	background: url('../images/icon_arrow.gif') 0 3px no-repeat;
	}
.videoLinks a:link, .videoLinks a:visited {
	text-decoration: none;
	color: #0f2f43;
	font-size: 11px;
	}
.videoLinks a:hover, .videoLinks a:active {
	color: #be9e2e;
	}

	


/* LICENSING CLIPS STYLES -------------------------------- */
/* ----------------------------------------------------- */
.licenseClips {
	width: 440px;
	margin: 0px 0 20px 0;
	padding: 0 0 0 5px;
	display: block;
}

/* faq */
.faq {
	margin: 0;
	padding: 10px 0 0 0;
	display: inline-block;
	}
	
.faq a:link, .faq a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	}

.faq a:hover, .faq a:active {
	color: #d3a736;
	text-decoration: underline;
	}

.faq ul {
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	display: inline-block;
	}

.faq li {
	margin: 10px 10px 15px 10px;
	padding: 0;
	color: #fff;
	}

.faq ol li {
	list-style: disc;
}

.faq li.answer {
	margin: 10px 50px 50px 0px;
	padding: 0;
	list-style: disc;
	color: #FFF;
	display: inline-block;
	height: auto;
	border-bottom: 1px solid #485568;
	width: 600px;
	}
.faq .answer ul li {
	list-style: disc;
}	

hr {
	display: none;
}
	
.faq h3 {
	color: #d3a736;
	font-size: 14px;
	margin: 15px 0;
	padding: 0;
	display: block;
	}

.faq ul li ul {
	margin-left: 10px;
	}

.faq ul li ul li {
	list-style-type: none;
	margin: 10px;
	color: #FFF;
	}

.back {
	display: block;
	position: relative;
	float: left;
	bottom: 10px;
	padding: 0px 0px 0px 0px;
	margin-top: 20px;
	}
.faq_index {
	width: 300px;
	float: left;
	clear: right;
	display: inline;	
}
	
	

	
/* CODA SLIDER ----------------------------------------- */
/* ----------------------------------------------------- */
	
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
	}
	
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0;
	position: relative;
	width: 100%;
	}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 300px; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 0; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 630px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 300px;
	clear: both;
	}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 630px;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 295px;
	position: relative;
	width: 630px; /* Also specified in  .stripViewer  above */
	}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
	}
		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	background: #485568;
	}
		
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	width: 100%;
	}
		
.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}
		
.stripNav a { /* The nav links */
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background: #c6e3ff;
	color: #777f87;
	text-decoration: none;
	display: block;
	padding: 0 15px;
	}
		
.stripNav li.tab1 a { background: #485568; }
.stripNav li.tab2 a { background: #485568; }
.stripNav li.tab3 a { background: #485568; }
.stripNav li.tab4 a { background: #485568; }
.stripNav li.tab5 a { background: #485568; }
		
.stripNav li a:hover {
	color: #FFF;
	}
		
.stripNav li a.current {
	background: #485568;
	color: #d3b23a;
	}
		
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 0;
	text-indent: -9000em;
	}
		
.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
	}
		
.stripNavL {
	left: 0;
	}
		
.stripNavR {
	right: 0;
	}
		
.stripNavL {
	background: url("../images/arrow-left.gif") no-repeat center;
	}
		
.stripNavR {
	background: url("../images/arrow-right.gif") no-repeat center;
	}



/* FEES & FORMATS STYLES -------------------------------- */
/* ----------------------------------------------------- */
	
.feesFormats {
	margin: 0 0 0 0;
	padding: 0 10px 0 0px;
	z-index: 999;
	display: block;
	overflow: visible;
	position: relative;
	left: 0px;
	top: 0px;
	width: 550px;
	margin-top: 170px;
}

.feesFormats strong {
	margin: 0;
	padding: 0 15px 0 0;
	width: 110px;
	display: block;
	float: left;
	text-align: right;
	font-weight: bold;
}

.formatText {
	padding-bottom:6px;
	float: left;
	display: block;
	width: 425px;
	position: relative;
}

/* EXTRA PAGES STYLES ---------------------------------- */
/* ----------------------------------------------------- */

.extraPages {
	margin: 25px;
	padding: 5px 25px;
	display: block;
	line-height: 1.5em;
	color: #fff;
	}
	
.extraPages strong {
	padding: 0;
	display: inline-block;
	font-weight: 100;
	text-transform: uppercase;
	}
	
.extraPages h2, .extraPages h3 {
	font-size: 20px;
	color: #e2b20e;
	margin-bottom: 0px;
	margin-top: 10px;
}
.extraPages h3 {
	font-size: 15px;
}
.extraPages p {
	margin-bottom: 0px;
}
.extraPages a:hover {
	color: #213350;
}

.extraPages a, .extraPages a:link {
	color: #f0d642;
}			

/* FOOTER STYLES --------------------------------------- */
/* ----------------------------------------------------- */

#footer {
	background: url('../images/bgs/bg_footer.gif') top center no-repeat;
	width: 800px;
	margin: 0 auto;
	padding: 10px 20px 0px 0px;
	height: 32px;
	display: block;
	clear: both;
	text-align: center;
	position: relative;
	top: -3px;
	}
#footer p {
	padding-top: 12px;
	display: block;
}

#footer p,
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #627087;
	font-weight: bold;
	}

#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #deab41;
	}
	
/* STYLE FOR IMAGE ROTATOR */

#image-rotator {
	position: relative;
}

.rotating_img {
	position: absolute;
	top: 130px;
	left: 0px;
	width: 394px;
	height: 339px;
}

#image1 {
	display:visible;
}

#image2 {
	display:none;
}

#image3 {
	display:none;
}

#image4 {
	display:none;
}
.hideImage {
	visibility: hidden;
}
.showImage {
	visibility: visible;
}


/* FORM LAYOUT */
#formSpace {
	position: relative;
	display: block;
	top: 0px;
	left: 10px;
	width: 625px;
	height: 425px;
	background: url(../images/bgs/form_background.jpg) no-repeat 0 0;
}

#form {
	position: relative;
	top: 46px;
	left: 5px;
	padding: 10px 10px 10px 10px;
	z-index: 800;
	width: 586px;
	height: 200px;
	background-color: #485568;
}

#form table tr td{
	padding-top: 4px;
	padding-right: 3px;
}
#form table#radios tr td {
	padding-top: 0px;
}
#form h3 {
	font-family: arial black;
	font-size: 14px;
	color: #777f87;
	text-transform: uppercase;
	margin-bottom: 3px;
	letter-spacing: 1px;
}

.panelContent { 
	/*clear: left;*/
	width: 585px; 
	height: 185px; 
	float: left; 
	display: block;
	position: relative;
	overflow:hidden;
	padding: 10px;
}

.panel {
	position: relative;
	clear: right;
	overflow: visible;
	width: 585px;
	height:180px;
	float: left;
	display: inline;
}

.panel.hidePanel {
	display: none;
}

.panelButtons {
	position: absolute;
	/*background: pink;*/
	width: 200px;
	height: 50px;
	top: 165px;
	left: 510px;
}

#form ul { 
	margin-top: 0px; 
}

#form a  { 
	font-weight: bold; 
}

#form a:visited { 
	font-weight: bold; 
}

#rotatingPanel .arrowLink { 
	padding-left: 10px; 
	background-image: url(../images/bulletGreen.gif); 
	background-repeat: no-repeat; 
	background-position: left 4px; 
	border: 0;
}

#panelControls { 
	position: absolute; 
	top: 236px;
	left: 413px; 
	width: 100px; 
	height: 50px; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	border: 0;
	z-index: 1025;
	color: #485568;
	display: block;
	background: url(../images/controls_gray.png) no-repeat 1px -1px;
}

#step1{
	z-index: 970;
}
#step2{
	z-index: 971;
}
#step3{
	z-index: 972;
}
#step4{
	z-index: 973;
}
#step5{
	z-index: 974;
}

#panelControls #prev, 
#panelControls #next { 
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	width: 50px; 
	height: 0px;
	padding-top: 38px; 
	float: left; 
	margin-top: 6px; 
	cursor: pointer; 
	border: 0;
	overflow: hidden;
	z-index: 1200;
}

#panelControls #prev { 
	margin: 0;
	background: url(../images/prev.png) no-repeat; 
	border: 0;
}

#panelControls #next {  
	background: url(../images/next.png) no-repeat; 
	border: 0;
	margin: 0;
	position: absolute;
	left: 50px;
}

#panelControls #prev:hover { 
	margin-right: 0px; 
	background: url(../images/controls_gray.png) no-repeat 1px -1px;
	border: 0;
}

#panelControls #next:hover {  
	background: url(../images/controls_gray.png) no-repeat -49px -1px;
	border: 0;
}

#progress {
	display: block;
	height: 20px;
	width: 611px;
	height: 50px;
	position: absolute;
	padding: 7px 0px 0px 10px;
	top: 245px;
	left: 0px;
	background: url(../images/bgs/bg_form.gif) 4px -2px no-repeat;
	z-index: 10;
}
.progress {
	display: block;
	height: 20px;
	width: 612px;
	height: 50px;
	position: absolute;
	padding: 7px 0px 0px 10px;
	top: 198px;
	left: -5px;
}

div .progress span {
	font-size: 18px;
	font-family: arial black;
	font-weight: 100;
	letter-spacing: 1px;
	color: #777F87;
	text-transform: uppercase;
	border: 0;
	overflow: hidden;
}

.progress span strong {
	color: #f2e8c4;
}

.hide_prev {
	/*background-image: none;*/
	/*background:pink;*/
}

#submit {
	position: absolute;
	top: 190px;
	left: 497px;
	z-index: 958;
}

#submitbutton {
	background: url(../images/submit.png) 0 0 no-repeat;
	width: 120px;
	height: 40px;
	border: none;
	cursor: pointer;
}
#submitbutton:hover {
	background: url(../images/submit_gray.png) 0 0 no-repeat;
	cursor: pointer;
}
#fees_info {
	position: relative;
	display: block;
	overflow: hidden;
	width: 600px;
	height: 700px;
}
.test {
 display: block;
}
h2.heeresjohnny {
	position: relative;
	top: 20px;
	left: 0px;
	background: url(../images/titles/title_heeeresJohnny.png) no-repeat 0 0;
	height: 0px;
	overflow: hidden;
	padding-top: 120px;	
}
h3.contact {
	background: url(../images/titles/title_contact.gif) no-repeat 5px 0px;
	position: relative;
	top: 0px;
	left: 0px;
	height: 0px;
	overflow: hidden;
	padding-top: 30px;
}
.license_copy {
	padding-left: 7px;
}
.fees_intro {
	padding-left: 7px;
	margin-bottom: 15px;
}
.fees_intro.short {
	width: 185px;
}
#faq_btn {
	display: block;
	position: absolute;
	top: 230px;
	height: 40px;
	width: 92px;
	left: 500px;
	background: url(../images/btns/faq_btn.jpg)  no-repeat 0px 0px;
}
#faq_btn:hover {
	background: url(../images/btns/faq_btn_over.jpg)  no-repeat 0px 0px;
}

/*FORM VALIDATION STYLING*/
#form ul li {
	line-height: 10px;
	color: #fff;
}

#form ul.form-left {
	position: absolute;
	display: block;
	top: 50px;
	left: 10px;
	width: 300px;
	float: left;
}
#form ul.form-left.single {
	width: 580px;
}

#form ul.form-right {
	display: block;
	top: 50px;
	position: absolute;
	left: 320px;
	width: 300px;
}

#form #step4 ul.form-right ul.sublist {
	padding-top: 20px;
}

#form #step4 ul.form-right li label,
#form #step1 ul.form-right li label,
#form #step1 ul.form-left li label {
	width: 250px;
	display: block;
	position: relative;
	clear: both;
	float: left;
	height: 25px;
}

#form #step4 ul.form-right li input,
#form #step1 ul.form-right li input,
#form #step1 ul.form-left li input {
	width: 130px;
	display: block;
	position: absolute;
	clear: both;
	float: right;
	top: -5px;
	left: 100px;
}

#form #step2 ul.form-left.single li label {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 580px;
	height: 100%;
	padding: 10px 0px 20px 0px;
}

#form #step2 ul.form-left.single li input,
#form #step2 ul.form-left.single li textarea{
	width: 250px;
	display: block;
	position: absolute;
	top: 5px;
	clear: both;
	float: right;
	left: 320px;
}
#airdate {
	margin-top: 10px;
}
#form #step5 h3 {
	margin-bottom: 10px;
}

#form li input.radio,
#form li input.radio  {
	position: relative;
	top: 2px;
}
#form #step4 ul.radioButtons {
	padding-top: 10px;
}
#form ul.radioButtons li {
	margin: 0px 0px 10px 0px;
}
#form #step4 ul.form-left li.broadcastUseTitle {
	padding-top: 10px;
}
#thankyou {
	display: block;
	width: 290px;
	height: 55px;
	padding: 3px 3px 3px 5px;
	font-size: 15px;
	visibility: hidden;
	position: relative;
	display:none;
	top: -20px;
	left: 30px;
	border: 2px solid #213350;
}