/* CSS Document */

/* General page layouts */

.page-header h1 span {
	font-weight:normal;
	color:#999;
}


/* faq links on generator page */


#instant_code_generator_help ul{
	list-style-type:none;
	margin: 1.5em 0px;
	padding:0px;
}
#instant_code_generator_help ul li{
	margin:.8em 0;
	padding:0px;
}
#instant_code_generator_help ul li a{
	display:block;
}

/* code preview box */

#generate_code_step2 {
		width:450px;
		margin-left:400px;
}
#code_preview_box_container{
	position:relative;
}
#code_preview_box_container2 {
overflow:auto;background:#eee;border:1px #5484b2 solid;
	width:448px;
}
#code_preview_box {
	

	font-family:"Courier New", Courier, monospace;
	
	white-space:nowrap;
	

	margin-top:1em;
}
#code_preview_box h2 {
	background:#5484b2;
	color:#fff;
	padding:3px 10px;
	margin:0 0 0 0;
	font-size:11pt;
	font-family:Arial, Helvetica, sans-serif;
}
#code_preview_javascript {
	display:block;

	padding:10px;	
	width:428px;
}
#code_preview_non_javascript {
	display:none;	
	padding:10px;
	white-space:normal;
	width:428px;
}


#javascript_state_toggle {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#javascript_state_toggle li {
	margin:0px;
	padding:0px;
}


#non_js_required_dimensions {
	display:none;
}






.preview_code_text {
	width:340px;
	margin-top:.4em;
}
.preview_code_dimensions {
	width:50px;
	margin:.4em 10px 0px 0px;
}
.preview_code_text, .preview_code_dimensions {
	border:1px solid #aaa;
	height:17px;
	padding:3px 4px;
}

/* generate code input form */
#generate_code_form_area{
	width:350px;
	float:left;
	display:inline;
	margin: 0em 50px 1em 0px;
}
#generate_code_form_area p{
	margin:0px 0px 1.5em 0px;
}
#generate_code_form_area label{
	display:inline;
	font-weight:bold;
}
#generate_code_form {
}

.js_target_line span {
	color:#00aa00;
}
#src_line span{
	color:#f00;
}



.required_britepic_input {
	color:#f60;
}
 .optional_britepic_input {
	color:#090;
}

.optional_field_indicator {
	font-weight:bold;
	font-style:italic;
	color:#999999;
}
.required_field_indicator {
	font-weight:bold;
	font-style:italic;
	color:#FF6600;
}
.recommended {
	color:#7cb940;
	font-style:italic;
}
.example {
	color:#999;
	margin:0px;
}
.example ul {
	margin:-1em 0 1em 0;
	padding:0px;
}
.example li {
	margin:0px 0px 0px 15px;
	padding:0px;
}
a.toggle_options_show {
	padding-left:15px;
	background:url(../images/ICON_bullet_toggle_plus.gif) left no-repeat;
}
a.toggle_options_hide {
	padding-left:15px;
	background:url(../images/ICON_bullet_toggle_minus.gif) left no-repeat;
}
#options {
	display:none;
}




/* britepic sub nav */
.britepic-nav {color:#ccc;}
.britepic-nav ul {list-style-type:none;margin:0px;padding:0px;font-family:Verdana;font-size:9pt;}
.britepic-nav li {display:inline;margin:10px 0px;}
.britepic-nav li a {text-decoration:none;}
.britepic-nav li a.on {font-weight:bold;}




h2.steps {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#999;
	margin:0px 0px 1em 0px;
}
h2.steps strong{
	font-size:14pt;
	font-weight:bold;
	color:#5484b2;
}
h2.finish {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#999;
	margin:1em 0 0 0;
}
h2.finish strong{
	font-size:14pt;
	font-weight:bold;
	color:#5484b2;
}
.content {
	width:900px;
}



/* YOUR BRITEPIC PREVIEW PAGE - DELETE ONCE PREVIEW IS DONE!!!!! */
#britepic_stats div.ind_bp_stats {
   /*width: 500px;*/
}
#britepic_stats div.ind_bp_stats:hover {
   background-color: #f3f3f3;
}
#britepic_stats span.bp_whitelist_caption{
   font-style: italic;
   text-decoration: underline;
   color: blue;
}
#britepic_stats span.bp_whitelist_warning{
   font-weight: bold;
   color: red;
}
.your_britepic_preview_copy {

}
.your_britepic_preview_image {
	float:left;

}


/* BritePic Intro Section - Info for AdBrite users who don't have a BritePic account yet */

#britepic_intro {
	margin-top:1em;
}
#britepic_intro_sample {
	width:355px;
	float:left;
}
#britepic_intro_pitch {

}

 #britepic_intro h3{
	font-size:12pt;
	font-weight:bold;
	color:#5484b2;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px .2em 0px;
}
#britepic_into_signup_box {
	padding:10px 20px;
	background:#eee;
	border:#ccc 1px solid;
	width:616px;
	margin-top:1.5em;
}
#britepic_into_signup_box  h1{
		font-size:13pt;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#britepic_into_signup_box  h3{
background:#ccc;
color:#000;
}


#britepic_intro .submodule {
	margin-bottom:1.5em;
}
#britepic_intro .inline_list {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#britepic_intro .inline_list li {
	display:inline; 
	white-space:nowrap;
	margin-right:15px;
	margin-bottom:0px;
}
/* BritePic ID box */
#my_britepic_id {
     margin:1em 0;
      line-height:normal;
      }
    #my_britepic_id ul {
      margin:0 100px 0 0;
      padding: 0;
      list-style:none;
      }

#my_britepic_id li {
    float:left;
    background:url("../images/britepic_britepic_id_bk_left.gif")
      no-repeat left top;
    margin:0 0 0 0;
    padding:0 0 0 9px;
    }
  #my_britepic_id span {
    display:block;
    background:url("../images/britepic_britepic_id_bk_right.gif") no-repeat right top;
    padding:5px 15px 6px 6px;
	font-weight:normal;
	color:#666666;
	font-size:11pt;
	font-family:Arial, Helvetica, sans-serif;
    }
 #my_britepic_id  strong {
	color:#5484b2;
}

.my_britepic_id_tip {
	background:url("../images/ICON_lightbulb.gif") left no-repeat;
	padding-left:17px;
	margin:1.3em 0px 0px 175px;
}
/* britepic preview pop up window */
#britepic_preview_body {
	margin:0px;
	padding:0px;
}

#britepic_preview_topbar {
	background:url(../images/britepic_preview_topbar_bk.gif) repeat-x top;
	padding:2px 15px;
}

#britepic_preview_pic {
	padding:1.2em 15px;
}

#britepic_preview_topbar_close {
	position:absolute;
	top:15px;
	right:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-transform:uppercase;
}
#britepic_preview_topbar_close a {
	background:url(../images/britepic_preview_topbar_close_icon.gif) left no-repeat;
	text-decoration:none;
	padding-left:10pt;
}
#britepic_preview_topbar_close a:link, #britepic_preview_topbar_close a:visited {
	color:#00f;
}
#britepic_preview_topbar_close a span {
	text-decoration:underline;
}
#britepic_preview_topbar h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16pt;
	padding-left:100px;
	text-transform:uppercase;
	background:url(../images/britepic_preview_topbar_logo.gif) left no-repeat;
	margin:7px 0px;
	color:#4a9ac6;
}

/* britepic teaser */
#britepic_teaser_header {
	display:block;
	margin:2em 0 0 0;
}
#britepic_teaser_start_link {
	border:1px solid #b2d7eb;
	background:#dbecf6;
	padding:10px 10px;
	margin-bottom:1.5em;
}
#britepic_teaser_start_link a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	color:#00f;
}

#formatnotice {
	display:none;
		font-weight:bold;
	font-style:italic;
	color:#FF6600;
	margin:-1em 0 2em 0;
	padding:4px 10px 4px 10px;
	text-align:center;
	background:#FFFF99 ;
}


.src_url a{
		color:#888;
		text-decoration:none;
	}

	a.whitelist_error{
		text-decoration:none;
		color:#888;
		background:url(http://yutai.dev02.sfo.adbrite.com/mb/images/ICON_bullet_error.gif) left no-repeat;
		padding-left:17px;
	}
	
	
	
	/* teaser to learn about britepics */
.teaser_to_learn_about_britepics {
	background:url(http://files.adbrite.com/mb/images/teaser_to_learn_about_videos.gif) repeat-x;
	padding: 20px 30px;
	margin-top:1.5em;
}
.teaser_to_learn_about_britepics h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#5484b2;
	margin:0px;
}
.teaser_to_learn_about_britepics p {
	margin:.7em 0px;
	line-height:1.5em;
}
.teaser_to_learn_about_britepics .introduction {
	float:left;
	width:350px;
}
.teaser_to_learn_about_britepics .video_faq_teaser {
	margin-left: 420px;
}
.teaser_to_learn_about_britepics .video_faq_teaser ul{
	list-style-type:none;
	margin-left:0px; padding-left:0px;
}
.teaser_to_learn_about_britepics .video_faq_teaser ul li{
	margin-bottom: .5em;
	margin-left:10px;
}


#britepic_stats {
	clear:both;
	padding-top:1em;
}

.britepic_tutorial {
	margin-top:1em;
}

.britepic_tutorial h2 {
	font-size: 12pt;
	font-weight: bold;
	color: #5484b2;
	font-family:Arial, Helvetica, sans-serif;

}
.britepic_tutorial li {
	margin-bottom:1.5em;
}

code {
	font-family:"Courier New", Courier, monospace;
	background:#eee;
	padding:15px 20px;
	display:block;
	margin:1em 0;
}